/* =============== Container Responsive Css ============== */


/* ipad 1024 landscape */

@media screen and (min-width: 1400px) and (max-width: 1920px){
    section.banner .main-box .box { margin: 18% 0; }
}
@media (max-width:1200px) {	
	section.our-service .service-box p{font-size: 15px;}
	section.home-write{min-height: 395px; }
	section.home-write .write-form{padding: 40px; min-height: 394px; }
	section.testimonial #testimonial{padding: 45px 0 0 0; }
	section.testimonial .testi-box{padding: 0 0 45px 0; }
	footer .mid-foot p br{display: none;}

}

@media (max-width:1024px) {
	section.banner .main-box .box { margin: 6px 0; }
	header .navbar-default .free-sheeping { display: none; }
	header .navbar-default .nav-center { float: left; }	
	/*header.sticky .navbar-default .nav-center { margin-left: 30px; }*/
	/*header.sticky .navbar-default .nav-center > li a { padding: 17px 18px }*/
	header .navbar-default .navbar-right li.search { width: 79%; }
	header .navbar-default .navbar-right input[type="search"] { background-position: 99% 50%; }
	section.banner .main-box { width: 100%; }
  	section.video iframe { height: 350px !important;  }

  	header .navbar-brand > img{width: 170px; }
  	
  	section.banner p{font-size: 18px; line-height: 28px; padding: 0 15%; }
  	section.banner h3{font-size: 35px; letter-spacing: 5px; margin: 0 0 20px 0; }
  	h2.page-title{font-size: 32px; margin-bottom: 22px; }
  	section.about-us .content{font-size: 16px; padding-right: 0; }
  	section.about-us .content p{line-height: 26px; }
  	section.about-us .content p.bold{margin-bottom: 20px; }
  	.our-service p{font-size: 16px; line-height: 26px; }
  	.service-list{padding: 20px 0 0 0; }
  	section.our-service .service-box h4{font-size: 16px; padding: 0 15px 10px 15px; top: 40%; transform: none !important; -webkit-transform: none !important; }
  	section.our-service .service-box p{font-size: 14px; line-height: 20px; padding: 15px 15px 0px 15px; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
  	section.our-service .service-box:hover h4 { color: #fff;  }
	section.our-service .service-box h4::after{left: 15px; height: 3px; }
	section.home-write{min-height: 375px; }
	section.home-write .write-text{padding: 22px 0px 22px 0;}
	section.home-write .write-text p{font-size: 16px; line-height: 26px; }
	section.home-write .write-form{padding: 30px; min-height: 373px; }
	section.testimonial p, section.testimonial .testi-text p{font-size: 16px; line-height: 26px; }
	section.testimonial .testi-img{width: 110px; }
	section.testimonial #testimonial{padding: 20px 0 0 0; }
	section.testimonial .testi-box{padding: 0 0 25px 0; }
	footer .mid-foot{padding: 26px 0 0 0; }
	footer .foot-box{padding: 55px 0 0 0; }
	footer .mid-foot h3{font-size: 17px; padding: 0 0 14px 0; }
	footer .mid-foot p{font-size: 15px; line-height: 23px; }
	footer .foot-box .list-inline{padding: 3px 0 0 0; }
	footer .inner-footer{padding: 30px 0; }


}

@media (max-width:991px) {
	header .navbar .navbar-collapse{position: absolute; right: 50%; top: 0; z-index: 999; background: #ffffff; margin: 84px -360px 0 0; width: 220px; }	
	header .navbar .nav > li > a{padding: 12px 20px !important; }
	header .navbar-default .navbar-toggle{margin: 25px 15px 25px 0;}
	section.our-service .service-box h4{top: 7%; }
}	

/* ipad 768 portrait */
@media (max-width:768px) {
	.site-content { margin-top: 90px; }
	section.banner .main-box { position: initial; }
	section.banner .main-box .box a img{ width: 100%; }
	header .navbar-default .navbar-right li.search { width: auto; }
	header .navbar-right { float: none !important; text-align: center; margin: 0;}
	header .navbar-right li{ float: none; display: inline-block; }
	.product-box .product-img { min-height: 350px; }

	section.new-arrivals .img img{ width: 100%; margin-bottom: 30px; }
	section.banner .main-box .box { margin: 15px 0 0; }
	.site-content { margin-top: 140px; } 
	header .navbar-default .navbar-collapse { width: 100%; }

	section.newsletter .left { padding-left: 0px; }
	section.newsletter .right { margin: 5px 0px 0 0; }
	footer ul.footer-link { min-height: 250px; }

	header .navbar-default .nav-center {width: 100%; }
	header .navbar-default .nav-center > li { display: block; text-align: left; width: 100%; }

	header .top-bar ul.contact-info li{padding: 0 12px; }
	header .top-bar ul.contact-info li i{margin-right: 5px; }
	header .top-bar ul.contact-info li a{padding: 11px 0; }
	header .top-bar ul.social li{padding: 10px 10px; }
	header .top-bar{text-align: center;}
	header .top-bar .col-xs-12{display: inline-block; vertical-align: top; width: auto; float: none;}
	header .navbar-brand > img{width: 130px; }	
	section.banner h3{font-size: 24px; letter-spacing: 3px; margin: 0 0 14px 0; }
	section.banner p{font-size: 15px; line-height: 25px; }
	.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{height: 44px; width: 44px; }
	.owl-carousel .owl-nav{font-size: 32px; line-height: 38px;}
	section.about-us .content{font-size: 15px; }
	section.about-us .content p.bold{margin-bottom: 12px; }
	section.about-us .content p{line-height: 22px; }
	h2.page-title{font-size: 22px; margin: 20px 0 12px 0;  }
	section.about-us .img{margin-top: 10px;}
	.our-service p{font-size: 15px; line-height: 22px; }
	.service-list{padding: 10px 0 0 0; text-align: center; }	
	section.our-service .service-box{display: inline-block; text-align: left; }
	
	section.our-service{padding-bottom: 20px; }
	section.home-write{min-height: inherit;}
	section.home-write .write-text h2.page-title{margin-top: 0; }
	section.home-write .write-text p{font-size: 15px; line-height: 22px; }
	section.home-write .write-text p:last-child{margin-bottom: 0; }
	section.home-write .write-form{padding: 20px 30px; min-height: inherit;}
	section.home-write .write-form textarea.form-control{height: 100px; }
	section.home-write .write-form .form-group{margin-bottom: 12px; }
	section.testimonial p, section.testimonial .testi-text p{font-size: 15px; line-height: 22px; }
	section.testimonial #testimonial{padding: 10px 0 0 0; }
	section.testimonial .testi-box{padding: 0 0 20px 0; }
	section.testimonial .owl-dots .owl-dot{width: 25px; }
	footer .footer-logo{max-width: 130px; margin: 0 auto; }
	footer .foot-box{padding: 48px 0 20px 0; }
	footer .mid-foot h3{font-size: 16px; padding: 0 0 10px 0; }
	footer .mid-foot p{line-height: 22px; }
	footer .mid-foot{padding: 18px 0 0 0; }
	footer .foot-box .list-inline{padding: 1px 0 0 0; margin: 0; }
	footer .inner-footer{padding: 20px 0 0 0; }
	footer .copy-right{text-align: center; }
	footer .copy-right p{float: none !important;}	
	footer .mid-foot h3{line-height: 22px; }
	footer .copy-right p{font-size: 13px; line-height: 18px; padding: 3px 0;}
	#mln-top{right: 20px; bottom: 20px; }
	header .navbar .navbar-collapse{position: relative; right: 0; left: 0; margin: 0; width: 100%; }
	header .navbar-right li{display: block; text-align: left; }
	header .navbar .nav > li > a{font-size: 15px; padding: 8px 10px !important; }
	header .navbar-default .navbar-toggle{margin: 20px 15px 20px 0;}	
	.service-modal p{font-size: 15px; line-height: 22px; }
	.modal-dialog{width: 680px; }
	.service-img{max-width: 50%; margin: 0 0 20px 30px; }
	.service-modal h2.page-title{font-size: 25px; }
}

@media (max-width:767px) {
	section.our-service .service-box h4{top: 52%; }
	section.our-service .service-box:hover h4 { -webkit-transform: translate3d(0,-60%,0) translate3d(0,-60px,0); transform: translate3d(0,-60%,0) translate3d(0,-60px,0); } 		
	.mid-foot .col-xs-6:nth-child(2n+1){clear: left;}
	.modal-dialog{width: 440px;}
	.service-img{float: none; max-width: 100%; margin: 0 auto; display: table;}
	.service-modal h2.page-title{font-size: 20px; margin: 0 0 10px 0;}
	.service-modal p{padding-bottom: 12px;}
	.modal-body{padding: 15px; }
	.service-box .service-text{padding: 15px 0 0 0; }
	
}	
/* iphone 6+ 736 landscape */
@media (max-width:736px) {
	section.banner .controler { display: none; }
	.site-content { margin-top: 133px; }

	

}

/* iphone 6 667 landscape */
@media (max-width:667px) {
	

}

/* iphone 5 568 landscape */
@media (max-width:568px) {
	
	footer .copyright .left { float: none; text-align: center; }
	footer .copyright .right { float: none; text-align: center; }
	footer h4 { margin: 20px 0 15px; }
	footer ul.footer-link { min-height: auto; }

	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; }
	.type-product .yith-wcwl-add-to-wishlist a.add_to_wishlist { padding: 13px 15px; font-size: 16px;}	
	.type-product .entry-summary a.compare {padding: 13px 15px; font-size: 16px;}
	.content-area .headordering { text-align: center; }
	.content-area .headordering .woocommerce-result-count { float: none; }
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; }
	section.blog-list .box .content { padding: 10px; }
	section.blog-list .category { margin-top: 0px; }

	.woocommerce-tabs h2{ font-size: 22px; }
	.woocommerce-tabs ul li { width: 100%; }
}

/* iphone 4 480 landscape */
@media (max-width:480px) {		
	header .navbar-brand { padding: 0; }
	header.sticky .navbar-brand { padding: 0; }	
	header .navbar-default .navbar-right li.search { width: 45%; }

	h2.page-title { font-size: 22px; margin:15px 0 10px 0;}
	header .top-bar ul.contact-info li:last-child{padding-right: 0;}
	header .top-bar ul.contact-info li a{padding: 5px 0; }
	header .top-bar{padding: 8px 0 4px 0;}
	header .top-bar ul.social li{padding: 8px 10px;}
	section.banner h3{font-size: 22px; margin: 0 0 12px 0; display: none; }
	section.banner p{font-size: 14px; line-height: 20px; display: none; }
	.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{height: 40px; width: 40px; }
	.owl-carousel .owl-nav{font-size: 28px; line-height: 36px;}
	section.home-write .write-form{padding: 15px;}
	section.testimonial .testi-img{float: none !important; margin: 0 auto; }
	section.testimonial .testi-text{padding: 6px 0 0 0; text-align: center; }
	section.testimonial .testi-box{padding: 0 0 10px 0; }
	section.testimonial .owl-dots .owl-dot{width: 10px; }
	footer .mid-foot p{font-size: 14px; }
	section.our-service .service-box h4{top: auto; bottom: 65px; }
	.modal-dialog{width: auto; margin: 60px 15px 20px 15px; }	
	.service-modal p{font-size: 14px; }
	h2.page-title::after{height: 24px; top: 3px; }	
	

	
}

/* iphone 6+ 414 portrait */
@media (max-width:414px) {
	
    
}

/* iphone 6 375 portrait */
@media (max-width:375px) {	
	header .navbar-right li.login-reg { display: none; }
	
	
}

/* iphone 5 and iphone 4 320 portrait */
@media (max-width:320px) {
	 
	.type-product .entry-summary a.compare { margin:10px 0; }
	header .navbar-default .navbar-right li.search { width: 40%; }
	
	
}