/* lg */
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

					.usa{
						margin-right: 0;
					}

					.shipping img{
						width: 100%;
					}

					.searchform input{
						width: 160px;
					}

					.product-information span span{
						width: 100%;
					}

					#similar-product .carousel-inner .item img{
						width: 65px;
					}

					#cart_items .cart_info .cart_description h4,
					#cart_items .cart_info .cart_description p{
						text-align: center;
					}

					.item h2{
						font-size: 14px;
					}
					.item p{
						font-size: 14px;
					}



}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {

					.shop-menu ul li a{
						padding-left: 0;
					}

					#slider-carousel .item{
						padding-left: 30px;
					}

					.item h2{
						font-size: 13px;
					}
					.item p{
						font-size: 13px;
					}


					.girl{
						margin-left: 0;
					}

					.pricing{
						width: 100px;
					}


					.shipping img{
						width: 100%;
					}

					.slider.slider-horizontal{
						width: 100% !important;
					}

					.tab-pane .col-sm-3, .features_items .col-sm-4{
						width: 50%;
					}

					.footer-widget .col-sm-2{
						width: 33%;
						display: inline-block;
						margin-bottom: 50px;
					}

					.footer-widget .col-sm-3{
						display: inline-block;
						width: 40%;
					}

					#similar-product .carousel-inner .item img{
						width: 60px;
						margin-left: 0;
					}

					.product-information span span{
						display: block;
						width: 100%;
					}

					.product-information .cart{
						margin-left: 0;
						margin-top: 15px;
					}

					.item-control i{
						font-size: 12px;
						padding: 5px 6px;
					}

					#cart_items .cart_info .cart_description h4, #cart_items .cart_info .cart_description p{
						text-align: center;
					}

					.companyinfo h2{
						font-size: 20px;
					}

					.address {
						margin-top: 48px;
						margin-left: 20px;
					}

					.address p {
						font-size: 12px;
						top: 5px;
					}

}

/* xs */
@media (max-width: 767px) {

					.header_top .col-sm-6:first-child{
						display: inline-block;
						float: left;
					}

					.header_top .col-sm-6:last-child{
						display: inline-block;
						float: right;
					}

					.header-middle .col-sm-4 {
						display: inline-block;
						overflow: inherit;
						width: 100%;
					}

					.social-icons ul li a i {
						padding: 8px 10px;
					}

					.shop-menu.pull-right{
						float: none !important;
					}

					.shop-menu .nav.navbar-nav{
						margin-left: -30px;
					}

					.header-bottom .col-sm-9{
						display: inline-block;
						width: 100%;
					}

					.mainmenu{
						width: 100%;
					}

					.mainmenu ul li{
						background: rgba(0, 0, 0, 0.5);
					    padding-top: 15px;
						padding-bottom: 0;
					}

					.mainmenu ul li:last-child{
						padding-bottom: 15px;
					}

					.mainmenu ul li  a{
						color: #fff;
					}

					.navbar-collapse.in{
						overflow: inherit;
					}

					.mainmenu ul li a.active{
						padding-left: 15px;
					}

					.dropdown .fa-angle-down{
						display: none;
					}

					ul.sub-menu{
					  position: relative;
					  width: auto;
					  display: block;
					  background: transparent;
					  box-shadow: none;
					  top: 0;
					}

					.sub-menu li{
						background: transparent;
					}

					.mainmenu .navbar-nav li ul.sub-menu li{
						background: transparent;
						padding-bottom:0;
					}

					.nav.navbar-nav > li:hover > ul.sub-menu{
					  -webkit-animation: none;
					  -moz-animation: none;
					  -ms-animation: none;
					  -o-animation: none;
					  animation: none;
					  box-shadow: none;
					}

					.header-bottom{
						position: relative;
					}

					.header-bottom .col-sm-3 {
						display: inline-block;
						position: absolute;
						left: 0;
						top: 38px;
					}

					#slider-carousel .item{
						padding-left: 0;
					}

					.shipping{
						margin-bottom: 25px;
					}

					.pricing{
						width: 100px;
					}

					.footer-top .col-sm-7 .col-sm-3{
						width: 50%;
						float: left;
					}

					.footer-widget .col-sm-2 {
						width: 28%;
						display: flex;
						margin-bottom: 50px;
						margin-top: 0;
						float: left;
						margin-left: 30px;
					}

					.companyinfo{
						text-align: center;
					}

					.footer-widget .col-sm-3{
						display: inline-block;
					}

					.single-widget{

					}

					.product-information span {
						display: block;
					}

					#similar-product {
						margin-bottom: 40px;
					}

					.well{
						display: inline-block;
					}

					.item h2{
						font-size: 13px;
					}
					.item p{
						font-size: 13px;
					}

}

/* XS Portrait */
@media (max-width: 480px) {

					.contactinfo{
						text-align: center;
					}

					.contactinfo ul li a {
						padding-right: 15px;
						padding-left: 0;
					}

					.social-icons.pull-right{
						float: none !important;
						text-align: center;
					}

					.btn-group.pull-right,
					.footer-bottom .pull-left,
					.footer-bottom .pull-right,
					.mainmenu.pull-left,
					.media.commnets .pull-left,
					.media-list .pull-left{
						float: none !important;
					}

					.header_top .col-sm-6:first-child{
						display: block;
						float: none;
					}

					.header_top .col-sm-6:last-child{
						display: block;
						float: none;
					}

					.contactinfo .nav.nav-pills, .social-icons .nav.navbar-nav{
						display: inline-block;
					}

					.logo{
						text-align: center;
						width: 100%;
					}

					.shop-menu ul li {
						padding: 0;
					}

					.header-middle .col-sm-4{
						text-align: center;
						overflow: inherit;
					}

					.shop-menu .nav.navbar-nav {
						margin-left: 0;
					}

					.btn-group>.btn-group:last-child>.btn:first-child{
						margin-right: 0;
					}

					.header-bottom .col-sm-9{
						display: inline-block;
						width: 100%;
					}

					.mainmenu{
						width: 100%;
					}

					.mainmenu ul li{
						background: rgba(0, 0, 0, 0.5);
					    padding-top: 15px;
						padding-bottom: 0;
					}

					.mainmenu ul li:last-child{
						padding-bottom: 15px;
					}

					.mainmenu ul li a {
						color: #FFF;
						padding-bottom: 0;
					}

					.navbar-collapse.in{
						overflow: inherit;
					}

					.mainmenu ul li a.active{
						padding-left: 15px;
					}

					.dropdown .fa-angle-down{
						display: none;
					}

					ul.sub-menu{
					  position: relative;
					  width: auto;
					  display: block;
					  background: transparent;
					  box-shadow: none;
					  top: 0;
					}


					.mainmenu .navbar-nav li ul.sub-menu li{
						background: transparent;
						padding-bottom:0;
					}

					.nav.navbar-nav > li:hover > ul.sub-menu{
					  -webkit-animation: none;
					  -moz-animation: none;
					  -ms-animation: none;
					  -o-animation: none;
					  animation: none;
					  box-shadow: none;
					}


					.item{
						padding-left: 0;
					}

					.item h1{
						font-size: 30px;
						margin-top: 0;
					}
/* ปรับขนาด font หากเปิดบนมือถือ */
					.item h2{
						font-size: 14px;
					}

					.pricing{
						width: 70px;
					}

					.category-tab ul li a{
						font-size: 12px;
					}

					.companyinfo h2, .companyinfo p{
						text-align: center;
					}

					.video-gallery{
						margin-top: 30px;
					}

					.footer-bottom p{
						font-size: 13px;
						text-align: center;
					}

					.footer-widget .col-sm-2 {
						width: 50%;
						display: flex;
						margin-bottom: 50px;
						margin-top: 0;
						float: left;
						padding-right: 0;
						padding-left: 30px;
						margin-left: 0;
					}

					.single-widget {
						padding-left: 0;
					}

					.features_items{
						margin-top: 30px;
					}

					.category-tab .nav-tabs li{
						float: none;
					}

					#similar-product .carousel-inner .item img{
						margin-left: 4px;
					}

					.product-information{
						margin-top: 40px;
					}

					#reviews p, .blog-post-area .single-blog-post p{
						text-align: justify;
					}

					#reviews form span input{
						width: 100%;
						margin-bottom: 20px;
					}

					#reviews form span input:last-child{
						margin-left: 0;
					}

					.blog-post-area .single-blog-post h3{
						font-size: 14px;
					}

					.blog-post-area .post-meta ul li{
						margin-right: 7px;
					}

					.shipping{
						margin-bottom: 20px;
					}

					.commnets{
						padding: 0;
					}

					.content-404 h1{
						font-size: 30px;
					}

					.content-404 h2 a{
						font-size: 20px;
					}

					.order-message{
						display: inline-block;
					}

					.response-area .media img{
						width: auto;
					}

					.sinlge-post-meta li{
						margin-bottom: 10px;
					}

					.product-information{
						padding-left: 0;
						text-align: center;
					}

					.product-information span span{
						float: none;
					}

					 img{
						width: 65px;
					}


}