@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:639px) {
/*--------- home page ------------*/

#content-area aside{margin:0 auto; float:none; display:block; max-width:300px}
#content-area .right-container .blocks{width:100%; padding:0}
nav ul li a{padding:10px 12px; }
.head-top .head-right-top a.btn-danger{width:auto}
header .head-right nav{padding-left:170px}
.btn-cart .btn-default{padding:8px 15px 9px 55px}
.btn-cart .btn-default::before{top:5px}
.head-top .navbar-brand{width:20% !important;}
.head-right-top p + p{padding-left:5px !important;}
.head-right-top p{display:inline-block;text-align:right; font-size:12px;position:static; margin-bottom:0; padding:0}
header .head-right-top{padding:0px 0 20px;}
.head-bottom p.title{font-size:17px; line-height:22px}
.head-bottom{padding-top:20px}
header .head-right{padding:0; max-width:300px}

footer .top-part .about-part{padding-right:10px}
footer .top-part .about-part,footer .top-part .company-part,footer .top-part .office-part,footer .top-part .business-part{width:100%}
footer .follow-us{left:20px; top:-56px}
footer .top-part p{margin-bottom:10px}
footer .top-part{padding:40px 0 20px}
footer .bottom-part{padding:10px 0}
footer .bottom-part .copy-right p{font-size:12px}
footer .bottom-part .nav-part{min-width:52%; text-align:center; margin-bottom:15px}
.bottom-part ul{text-align:center}
footer .bottom-part .copy-right{max-width:100%}
footer .top-part{background-size:cover}
footer .top-part h6{margin-bottom:5px}
footer .bottom-part p{margin:0 auto; float:none; text-align:center; padding-top:10px; display:block}
footer .bottom-part .copy-right a{margin:0 auto;float:none; text-align:center; display:block;}
footer .top-part .company-part ul li a{margin-bottom:0px}

#content-area h2{font-size:18px; margin-bottom:15px}
#content-area h3{font-size:17px}
#content-area .container{padding:0 10px}
#content-area .contant{padding:25px 0 0}
#content-area .contant h1{padding-left:0}
#content-area .features-part h2{font-size:20px; line-height:26px; margin-bottom:15px}
.feature-block figure img{width:60px}
.feature-block figure{top:-25px}
#content-area h1{font-size:17px; margin-bottom:10px; padding-left:0}
#content-area aside h3{font-size:16px;padding:8px 10px;}
.right-container .products-part figure a:hover::before{height:35px; width:36px; background-size:cover; margin-top:-20px}
.right-container .products-part a{font-size:15px; line-height:40px}
.right-container .products-part div{margin-bottom:25px;}
#content-area .right-container{width:100%;}
.right-container .products-part figure a img{width:100%}
.right-container .products-part div{min-width:auto !important; min-width:0 !important; min-width:inherit !important;}
.feature-block .text-part{min-height:0px;}
.features-part .feature-block{margin-bottom:20px; margin-top:20px}
#content-area .feature-block .text-part h3{margin-bottom:5px; }
.feature-block .text-part{padding-top:40px}
#content-area .quote-part{width:100%; margin:0 auto; margin-bottom:20px;}
.quote-part img{width:auto; display:block; margin-bottom:20px; float:none;}
.quote-part .contant-part{max-height:none; display:block; width:100%; padding:0 10px}
.quote-part .btn-danger{display:inline-block}
#content-area .choose-us{padding:30px 0 20px}
#content-area .choose-us .choose-part{max-width:none; width:100%; padding:0 10px}
#content-area .choose-us .container{padding:0}
#content-area .choose-us .block{min-height:0px}
#content-area .choose-us h5{font-size:17px; line-height:22px; margin-bottom:15px}
#content-area .choose-us .block p{font-size:13px; line-height:18px}
#content-area .choose-us .block p img{width:30px;}
#content-area .choose-us .block p:first-child{margin-bottom:15px; min-height:0px; display:block}
#content-area .choose-us .block p strong{display:block; font-size:16px;margin-bottom:}

.main-banner .bx-wrapper .bx-controls{ bottom:35px;}
.main-banner .bx-wrapper .bx-pager.bx-default-pager a{ margin:0 3px;}
.testimonial-part .carousel-inner .item .carousel-caption{bottom:auto; margin:0 auto }
.testimonial-part .carousel-inner .item .carousel-caption blockquote{padding-top:38px; margin-bottom:0}
#content-area blockquote{margin-bottom:0;padding-left:10px; padding-right:10px;}
#content-area blockquote p{font-size:13px; line-height:18px}
.testimonial-part .carousel-inner .item .carousel-caption p.testimonials strong{font-size:17px; line-height:22px;}
#content-area .testimonial-part{max-height:320px}
.testimonial-part .carousel-inner .item{min-height:320px; top:10px; padding-top:10px}
#content-area blockquote::before{margin-left:-15px}

/* check out page */
form ul li.half-fisrt,form ul li.half-last{padding:0 10px; width:100%}
form label.light-text{margin-right:15px;}
.small-row .row{margin:0 auto}
.small-row .col-xs-12{padding:0 5px}
form ul li .half-block.cvv,form ul li .half-block.year,form ul li .half-block.dates{width:100%; padding:0; margin-bottom:10px}
form .phone-secound{width:50%; margin-bottom:20px}
form .phone-therd{width:100%; margin-bottom:20px}
.form-part .bottom-right{width:100%; margin-bottom:10px}
ul li.btn-block .btn-danger{margin-top:20px; width:100%}
.review-bottom ul li.shiping-part label strong{width:auto;font-weight:700; padding-right:10px}
.review-bottom ul li.shiping-part label br{display:none}
.review-bottom ul li.estimete-part{margin-top:10px}
.review-bottom ul li.order-list{padding-bottom:10px}
.review-bottom ul li.shiping-part label p{display:table; font-weight:400}
#content-area .review-part a{margin-bottom:10px; display:inline-block}
#content-area .contant-box .box-part{padding-bottom:15px;}
.review-bottom ul li.estimete-part a{margin-bottom:0 !important}
.order-summary ul li label{line-height:18px}
#content-area .inner-contant h1{font-size:22px; line-height:26px;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{height:30px}
.chosen-container-single .chosen-single span{line-height:28px !important; }
.order-summary ul li .bold-text, .order-summary ul li .bold-text strong{font-size:16px}
ul li.btn-block .btn-apply{height:30px}
#content-area .review-part h3{font-size:18px; margin:0 auto; margin-bottom:10px}
#content-area .contant-box .rivew-top label{margin-right:5px}


/* shopping page */
.inner-contant .link-title{position:relative; width:100%; margin-bottom:30px; clear:both; margin-top:10px}
.inner-contant .link-title a.Email-link, .inner-contant .link-title a.shopping-link{margin-right:10px; padding-left:20px}
span.height-part{min-height:0; display:none}
li.estimete-part.shopping{margin-top:auto !important}
.right-side{width:auto !important;}

.nav > li > a{padding:0 !important}
.contant-block li span{width:auto;margin-bottom:10px; font-weight:500 !important}
ul.contant-block li p{display:inline-block}
.tab-content ul.contant-block li{padding:10px 0}
.nav-tabs > li{width:100%; border-bottom:1px solid #dcdcdc}
.box-block{margin-bottom:10px}
.upload-form .job-part{float:none;clear:both;  margin-bottom:20px}
.upload-form .center-block .block li.title{border-top:1px solid #dcdcdc;margin:0 !important; margin-bottom:10px !important; }
.upload-form ul.block li.title h6{padding:0; margin-bottom:10px !important}
.nav-tabs > li a{border-bottom:1px solid #dcdcdc !important; font-size:14px; font-weight:300 !important}

.testimonial-part .item {bottom:auto; margin:0 auto ;padding:30px 0}
.testimonial-part .item .text-area::before{background-size:20px; ;margin-left:-10px}
#owl-demo .item img{margin-bottom:10px}
.testimonial-part .item .text-area{padding-top:30px; margin-bottom:0}
.testimonial-part .item .text-area p{font-size:13px; line-height:18px}
#content-area .testimonial-part{height:auto}
.testimonial-part .item p.testimonials strong{font-size:16px;}

.upload-form ul.block li.bottom-link {position:static; margin-bottom:30px;}
.nav-tabs > li.active{margin-top:0px !important;}
.nav-tabs > li > a{ padding:5px 15px !important;}
.inner-contant .link-title a.Email-link, .inner-contant .link-title a.shopping-link{ font-size:14px;}
.testimonial-part .item p.testimonials strong{ line-height:11px;}

ul.block li.upload-file-part .upload-block{ width:100%;}
ul.block li.upload-file-part .upload-block.last-border{border: 1px solid #dcdcdc !important; margin-bottom:15px;}
.shipping-block{ padding-bottom:0;}
.equal-height-block .job-part.equal-height{ height:auto !important;}
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:640px) and (max-width:767px) {

#content-area aside{margin:0 auto; float:none; display:block; max-width:300px}
#content-area .right-container .blocks{width:100%; padding:0}
nav ul li a{padding:10px 12px; }
.head-top .head-right-top a.btn-danger{width:auto}
header .head-right nav{padding-left:170px}
.btn-cart .btn-default{padding:8px 15px 9px 55px}
.btn-cart .btn-default::before{top:5px}

.head-right-top p + p{padding-right:0 !important}
.head-right-top p{display:inline-block;text-align:right; font-size:12px}
.head-right-top{padding:20px 0 25px}
.head-bottom p.title{font-size:30px; line-height:42px}
.head-bottom{padding-top:20px}
.social{margin-right:50px;}

footer .top-part .about-part{padding-right:10px}
footer .top-part{padding:60px 0 20px}
footer .bottom-part{padding:10px 0}
footer .bottom-part .copy-right p{font-size:12px}
footer .bottom-part .nav-part{min-width:52%; text-align:center; margin-bottom:15px}
.bottom-part ul{text-align:center}
footer .bottom-part .copy-right{max-width:100%}
footer .top-part{background-size:cover}
footer .top-part h6{margin-bottom:10px}
footer .top-part .company-part ul li a{margin-bottom:10px}

#content-area .contant{padding:25px 0}
#content-area h1{font-size:26px; margin-bottom:10px}
#content-area aside h3{font-size:16px;padding:8px 10px;}
.right-container .products-part figure a:hover::before{height:35px; width:36px; background-size:cover; margin-top:-25px}
.right-container .products-part a{font-size:15px; line-height:18px}
.right-container .products-part div{margin-bottom:25px;}
#content-area .right-container{width:100%;}
.right-container .products-part figure a img{width:100%}
.right-container .products-part div{min-width:auto !important; min-width:0 !important; min-width:inherit !important;}
.feature-block .text-part{min-height:0px;}
.features-part .feature-block{margin-bottom:20px}
#content-area .feature-block .text-part h3{margin-bottom:5px}
.feature-block .text-part{padding-top:60px}
#content-area .quote-part{width:100%; margin:0 auto; margin-bottom:20px;}
.quote-part img{width:200px}
.quote-part .contant-part{max-height:none}
.quote-part .btn-danger{display:inline-block}
#content-area .choose-us{padding:30px 0 20px}
#content-area .choose-us .choose-part{max-width:none; width:50%}
#content-area .choose-us .container{padding:0}
#content-area .choose-us .block{min-height:180px}
#content-area .choose-us h5{font-size:24px; line-height:28px; margin-bottom:25px}
#content-area .choose-us .block p{font-size:13px; line-height:18px}
#content-area .choose-us .block p img{width:30px;}
#content-area .choose-us .block p:first-child{margin-bottom:15px; min-height:0px; display:block}
#content-area .choose-us .block p strong{display:block; font-size:16px;margin-bottom:}

.testimonial-part .item {bottom:auto; margin:0 auto ;padding:30px 0 }
.testimonial-part .item .text-area{padding-top:50px}
.testimonial-part .item .text-area p{font-size:16px; line-height:20px}
#content-area .testimonial-part{height:auto}
.testimonial-part .item p.testimonials strong{font-size:16px;}

/* check out  */
form ul li.half-fisrt,form ul li.half-last{padding:0 10px}
form label.light-text{margin-right:15px}

/* shopping page */
span.height-part{min-height:0; display:none}
li.estimete-part.shopping{margin-top:auto !important}
.right-side{width:auto !important;}

.nav > li > a{padding:0 !important}
.contant-block li span{width:auto;margin-bottom:10px; font-weight:500 !important}
ul.contant-block li p{display:inline-block}
.tab-content ul.contant-block li{padding:10px 0}
.nav-tabs > li{width:100%; border-bottom:1px solid #dcdcdc}
.box-block{margin-bottom:10px; float:none !important; width:95% !important}
.upload-form .job-part{float:none;clear:both;  margin-bottom:20px}
.upload-form .center-block .block li.title{border-top:1px solid #dcdcdc;margin:0 !important; margin-bottom:10px !important; }
.upload-form ul.block li.title h6{padding:0; margin-bottom:10px !important}
.nav-tabs > li a{border-bottom:1px solid #dcdcdc !important; font-size:14px; font-weight:300 !important}
.upload-form .bottom-tab{width:95%; float:none}

.upload-form ul.block li.bottom-link {position:static; margin-bottom:30px;}
.nav-tabs > li.active{margin-top:0px !important;}
.nav-tabs > li > a{ padding:5px 15px !important;}

.shipping-block{ padding-bottom:0;}
.equal-height-block .job-part.equal-height{ height:auto !important;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
nav ul li a{padding:10px 12px;}
.head-top .head-right-top a.btn-danger{width:auto}
header .head-right nav{padding-left:170px}
.btn-cart .btn-default{padding:8px 15px 9px 55px}
.btn-cart .btn-default::before{top:5px}

nav ul li ul{top:53px; width:150px;}
nav ul li:hover ul{top:38px;}
nav ul li ul li a{ font-size:13px; padding:3px 10px;}

nav ul li.mega-menu ul.mega-menu-content{top:53px; padding:20px 0px 30px; width:96%;}
nav ul li.mega-menu:hover ul.mega-menu-content{top:38px;}
nav ul li.mega-menu ul.mega-menu-content li span{ margin:0 10px 5px; font-size:14px;}
nav ul li.mega-menu ul.mega-menu-content li ul li a{ padding:5px 10px;}
nav ul li.mega-menu ul.mega-menu-content li ul li a:hover{padding:5px 5px 5px 17px;}

.head-right-top p{display:inline-block;text-align:right; font-size:15px}
.head-right-top{padding:20px 0 25px}
.head-bottom p.title{font-size:30px; line-height:42px}
.head-bottom{padding-top:20px}

footer .top-part .about-part{padding-right:10px}
footer .top-part{padding:60px 0 20px}
footer .bottom-part{padding:10px 0}
footer .bottom-part .copy-right p{font-size:12px}
footer .bottom-part .nav-part{min-width:52%; text-align:center; margin-bottom:15px}
.bottom-part ul{text-align:center}
footer .bottom-part .copy-right{max-width:100%}
footer .top-part h6{margin-bottom:10px}
footer .top-part .company-part ul li a{margin-bottom:10px}

#content-area .contant{padding:25px 0}
#content-area h1{font-size:26px; margin-bottom:10px}
#content-area aside h3{font-size:16px;padding:8px 10px;}
.right-container .products-part figure a:hover::before{height:35px; width:36px; background-size:cover}
.right-container .products-part a{font-size:15px; line-height:18px}
.right-container .products-part div{margin-bottom:25px;}
#content-area .right-container{width:75%;}
.right-container .products-part div{min-width:auto !important; min-width:0 !important; min-width:inherit !important;}
.feature-block .text-part{min-height:230px;}
.features-part .feature-block{margin-bottom:20px}
#content-area .feature-block .text-part h3{margin-bottom:5px}
.feature-block .text-part{padding-top:60px}
.quote-part img{width:200px}
.quote-part .contant-part{max-height:none}
.quote-part .btn-danger{display:table}
#content-area .choose-us{padding:30px 0 20px}
#content-area .choose-us .choose-part{max-width:none; width:50%}
#content-area .choose-us .container{padding:0}
#content-area .choose-us .block{min-height:150px}
#content-area .choose-us h5{font-size:26px; line-height:32px; margin-bottom:25px}
#content-area .choose-us .block p{font-size:13px; line-height:18px}
#content-area .choose-us .block p img{width:30px;}
#content-area .choose-us .block p:first-child{margin-bottom:15px; min-height:0px; display:block}
#content-area .choose-us .block p strong{display:block; font-size:16px;margin-bottom:}

.testimonial-part .item {bottom:auto; margin:0 auto ;padding:30px 0}
.testimonial-part .item .text-area{padding-top:50px}
.testimonial-part .item .text-area p{font-size:16px; line-height:20px}
#content-area .testimonial-part{height:auto}
.testimonial-part .item p.testimonials strong{font-size:16px;}

/* check out page */
form label.light-text{margin-right:20px}
form ul li.half-fisrt{clear:both}
.review-bottom ul li.estimete-part{margin-top:10px}
#content-area .contant-box .left-part{border-right:none}
.review-bottom ul li.upload-img{display:table;}

.upload-form .job-part{max-width:100%; float:none;clear:both; margin-bottom:40px}
.equal-height-block .job-part.equal-height{ height:auto !important;}
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	

.head-right-top p{display:inline-block;text-align:right;}
.head-right-top{padding:15px 0 24px}
.head-bottom p.title{font-size:36px; line-height:42px}
.head-bottom{padding-top:20px}

nav ul li.mega-menu ul.mega-menu-content{ padding:20px 0px 35px; width:97%;}
nav ul li.mega-menu ul.mega-menu-content li span{ margin:0 18px 10px;}

footer .top-part .about-part{padding-right:10px}
footer .top-part{padding:60px 0 20px}
footer .bottom-part{padding:10px 0}
footer .bottom-part .copy-right p{font-size:12px}
footer .bottom-part .nav-part{min-width:52%; text-align:center; margin-bottom:15px}
.bottom-part ul{text-align:center}
footer .bottom-part .copy-right{max-width:100%}

#content-area .right-container{width:75%;}
#content-area .right-container .blocks{}
.right-container .products-part div{min-width:auto !important; min-width:0 !important; min-width:inherit !important;}
.feature-block .text-part{min-height:250px;}
#content-area .choose-us .choose-part{max-width:194px;}
#content-area .choose-us .container{padding:0}

#content-area .choose-us .block{min-height:320px}
#content-area .choose-us .block p{font-size:13px; line-height:18px}
#content-area .choose-us .block p img{width:30px;}
#content-area .choose-us .block p:first-child{margin-bottom:0; min-height:70px}
#content-area .choose-us .block p strong{display:table; font-size:16px;margin-bottom:}

/*check out page*/
form ul li .half-block.dates{width:103px;}
form ul li .half-block.year{width:auto; padding-left:5px}
.chosen-container-single .chosen-single div{width:22px !important}
.chosen-container-single .chosen-single span{margin-right:30px !important}
form ul li .half-block.cvv{padding-left:5px; width:68px}
form ul li .half-block.cvv input{padding:0 4px}
form .phone-therd{width:100px}
form .phone-secound{width:70px}
ul li.btn-block .coupen{width:135px; font-size:13px}
ul li.btn-block .btn-danger{width:auto}
#content-area .contant-box .box-part ul{margin:0 10px}


.upload-form .job-part{max-width:230px}
form ul.block li .parts label{margin-right:10px}
.nav-tabs > li > a{font-size:15px !important}

.testimonial-part .item {bottom:auto; margin:0 auto ;padding:30px 0}
.testimonial-part .item .text-area{padding-top:50px}
.testimonial-part .item .text-area p{font-size:16px; line-height:20px}
#content-area .testimonial-part{height:auto}
form.payment-info .dates label{ font-size:14px;}
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (max-width:767px){
/* Mobile Menu */        
.mobile_menu_icon{ display:block !important; top:41px; }  
a.mobile_menu_icon.fixed {top: -7px; position: fixed}
a.mobile_menu_icon.fixed span {background: #fff;}
a.mobile_menu_icon.fixed.active span {background: none;}
header .top_header,header .bottom_header{display:none}
.mobile_menu_icon.fixed span:before, .mobile_menu_icon.fixed span:after{background: #fff;}
.mobile_menu_icon span {position: absolute; top: 50%; left: 0%; display: block; padding: 0; width: 30px; height: 2px; background-color: #fff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile_menu_icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 3px;}
.mobile_menu_icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: -3px;}
.mobile_menu_icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
.mobile_menu_icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
.mobile_menu_icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
.mobile_menu_icon.active span:before{-webkit-transform: translateY(1px) rotate(45deg); transform: translateY(0) rotate(45deg); background: #fff;}
.mobile_menu_icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: -2px; background: #fff;}

/* mobile frist lavel nav */ 
.mobile-nav{ overflow:scroll; padding:0; margin:0;}
.mobile-nav ul {margin:0 20px; padding:0;}
.mobile-nav ul li{ font-size:14px; color:#fff; padding:0; margin:0; text-transform:uppercase; list-style:none; font-family: 'Open Sans', sans-serif; font-weight:600; width:100%; border-top:1px solid rgba(254,254,254,0.2); position:relative;}
.mobile-nav ul li:first-child{ border-top:none;}
.mobile-nav ul li a{color:#fff; text-decoration:none; padding:7px 45px 7px 10px; display:block;}
.mobile-nav ul li.active{color:#fff;}
.mobile-nav ul li:before{ display:none;}
.mobile-nav ul li em{ display:block; float:right; position:absolute; cursor:pointer; right:0; top:-1px; width:40px; height:33px;}
.mobile-nav ul li em:before{display:block; content:""; width:15px; height:2px; left:13px; top:15px; background:#fff; position:absolute;}
.mobile-nav ul li em:after{display:block; content:""; width:2px; height:15px; background:#fff; left:19px; top:8px; position:absolute;}
.mobile-nav ul li.active em:after{ display:none;}
/* mobile second lavel nav */ 
.mobile-nav ul li ul { margin:0 0 0 20px; padding:0; display:none;}
.mobile-nav ul li ul li{color:#fff; border-top:none; font-size:14px; text-transform:capitalize; font-weight:300; border-top:1px solid rgba(254,254,254,0.2);}
.mobile-nav ul li ul li:first-child{border-top:1px solid rgba(254,254,254,0.2);}
.mobile-nav ul li ul li a{color:#8f8f8f; padding:7px 45px 7px 5px;}
.mobile-nav ul li ul li a:hover{ text-decoration:none;}
.mobile-nav ul li ul li em{ height:32px; top:0;}
.mobile-nav ul li ul li em:before{display:block !important; content:""; width:15px; height:2px; left:13px; top:15px; background:#fff; position:absolute;}
.mobile-nav ul li ul li em:after{display:block !important; content:""; width:2px; height:15px; background:#fff; left:19px; top:8px; position:absolute;}
.mobile-nav ul li ul li.active em:after{ display:none !important;}
/* mobile thread lavel nav */ 
.mobile-nav ul li ul li ul{ margin:0 0 0 20px; padding:0; display:none;}
.mobile-nav ul li ul li ul li{color:#fff; font-size:13px; font-weight:300;}
.mobile-nav ul li ul li ul li a{ color:#6f6f6f; padding:5px 5px; }

.head-right-top .btn-warning, .head-top .head-right-top a.btn-danger , header .head-right nav{ display:none}
.btn-cart .btn-default{margin-right:90px;}
.head-right-top{padding:10px 0 5px}
.head-top .navbar-brand{width:30%; padding:10px;}
.modalDialog .head-right-top ,.modalDialog .head-right-top {position:absolute; top:3px; left:10px;}
.head-right-top .mail, .head-right-top .btn-danger.mail{float:left; margin-right:10px; margin-bottom:10px}
.head-right-top .btn-danger.feedback, .head-right-top .feedback{float:left}

.modalDialog .head-right-top .btn-warning{display:inline-block; float:left;margin-left:10px}

/* check out page */
#content-area .contant-box .left-part{border-right:none}
.upload-form .left-block, .upload-form .center-block, .upload-form .right-block{border:none; height:auto !important}
.upload-form .tab-content .tab-pane{padding:20px 15px !important;}
#content-area blockquote::before{background-size:15px;}
#content-area blockquote::after{background-size:15px;}
#content-area blockquote{padding:10px 20px 0 17px !important}
.review-bottom ul li.upload-img{display:table}
.shipping span{display:block;}

.social{margin-right:50px;
margin-top:8px;
}
}
@media (max-width:479px){
.head-right-top .btn-danger.mail,.head-right-top .feedback{display:none}
header .head-right-top{display:none}
header .head-right{max-width:100px}
.btn-cart .btn-default{margin-right:48px}
header .head-right-bottom{top:43px}
.right-container .products-part div{width:100%}
.head-top .navbar-brand{width:37% !important;}
.select-design{text-align:center;}
.selecti-icon {text-align:center;}
.selecti-icon a{display:block; text-align:center; margin-top:10px;}
.product-option p{padding:5px 15px;
}
.main-banner .bx-wrapper {
    margin: 0px auto 0;
}	
}
@media (min-width:768px) and (max-width:1200px) {	
.nav-tabs > li > a{ font-size:14px !important;}
}
@media (min-width:768px) and (max-width:5000px) {	
.modalDialog{ display:none;}
}