@media (max-width:1550px) {

.hero-sec .owl-carousel .owl-nav button.owl-prev{ left:30px;}
.hero-sec .owl-carousel .owl-nav button.owl-next{ right:30px;}
.prod-carousel, .prod-related{ padding-left:40px; padding-right:40px;}
.prod-carousel .owl-nav button.owl-prev, .prod-related .owl-nav button.owl-prev{ left:-30px !important;}
.prod-carousel .owl-nav button.owl-next, .prod-related .owl-nav button.owl-next{ right:-30px !important;}
.product figure { flex: 0 0 125px;}
.product .detail{ padding-top:20px;}
.shop-sec .detail{ margin-left:0; float:right;}
.best .rdtl, .best.best2 .rdtl { padding-right: 0;}
.best h3{ font-size:26px;}

}

@media (max-width:1279px) {
.container{ width:90%; margin:0 auto; padding:0;}
.free{ font-size:14px;}
.call { margin: 0 10px 0 20px; font-size: 14px;}
.accinfo { margin: 0 0 0 10px;}
header.sticky .navigation .navbar-light .navbar-nav > li .nav-link{ padding:20px 10px;}
.navigation .navbar-light .navbar-nav .nav-link{ font-size:14px;}
.navigation .navbar-brand img{ width:100%; max-width:70px;}
.top-head{ padding-top:12px;}
.hero-sec h1{ font-size:40px; max-width: 500px;}
.shop-sec{ padding:60px 0 59px;}
.shop-sec figure img{ width:400px;}
.shop-sec h2{ font-size:26px;}
.shop-sec h2 strong{ font-size:38px;}
.shop-sec p{ font-size: 20px; margin: 0 auto 30px;}
.best .rdtl{ padding-left:30px;}
.best.best2 p { padding-right: 0;}
.best.best2{ padding:10px 20px 10px 10px;}
.best h3 { font-size: 20px;}
.best .price{ font-size:23px; margin-bottom:20px;}
.best p{ font-size:14px; line-height:23px; padding-right:0;}
.best .btn { padding: 12px 10px; min-width: 148px; font-size: 14px;}
.testi-sec .left{ padding-left:100px;}
.cta-icon{ font-size:18px;}
.footer_link ul li a, .footer_link a{ font-size:13px;}
.footer_link h4{ font-size:15px;}

.accinfo li span.mr-1{ display:none;}
.navbar-brand.stk{ padding:0; float:left; position:relative;}

}

/************ Main **************/
@media (max-width: 991px) {
p{ font-size:14px;}
.btn { padding: 12px 20px; min-width: 160px; font-size: 14px;}

.top-head{ padding:10px 0; position:relative; background:rgba(0,0,0,.6);}
.top-head .navbar.justify-content-end { -ms-flex-pack: space-between !important; justify-content: space-between !important; float:none;}
.navigation{ padding:10px 0;}
.navigation .navbar-brand img { max-width: 50px;}
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.sticky .navbar-toggler span{ background-color:#fff;}
.call{ color:#fff;}
.sticky #navbar_main .navbar-toggler span{ background-color:#fff;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.mobile-offcanvas.show~.navbar-toggler span:nth-child(1),
.mobile-offcanvas.show>.navbar-toggler span:nth-child(1){ position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.mobile-offcanvas.show~.navbar-toggler span:nth-child(2),
.mobile-offcanvas.show>.navbar-toggler span:nth-child(2){height: 12px; visibility: hidden; background-color: transparent;}
.mobile-offcanvas.show~.navbar-toggler span:nth-child(3),
.mobile-offcanvas.show>.navbar-toggler span:nth-child(3){position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
header .navbar-light .navbar-nav{ padding:75px 20px 30px;}
.navigation .navbar-light .navbar-nav > li{ margin:0;}
.navigation .navbar-light .navbar-nav .nav-link{ color:#fff; padding:10px 20px;}
header .navigation .navbar-nav .dropdown-menu{ margin-top:0; background:none; box-shadow:none;}
header .navigation .navbar-nav .dropdown-item{ color:#fff;}
.call{ margin-left:auto;}
.navigation .navbar.align-items-end { -ms-flex-align: center !important; align-items: center !important;}
.navigation .navbar-light .navbar-nav .nav-link:hover, .navigation .navbar-light .navbar-nav .nav-link:focus, .navigation .navbar-light .navbar-nav .show > .nav-link, .navigation .navbar-light .navbar-nav .active > .nav-link, .navigation .navbar-light .navbar-nav .nav-link.show, .navigation .navbar-light .navbar-nav .nav-link.active{ color:#ecbf2b;}
header.sticky .accinfo.stk{ display:none;}
/**** Mobile menu css start *****/
.mobile-offcanvas .navbar-toggler{ position:absolute; right:15px; top:15px;}
.mobile-offcanvas.show{ background:#000;transition-duration: 0.4s;}
.nav_sec .navbar-brand{ margin:0;}
.offcanvas-header{ display:block; }
.mobile-offcanvas{visibility: hidden;transform:translateX(100%); border-radius:0; display:block; position: fixed; top: 0; right:0; height: 100%; z-index: 1200; width:40%;
  overflow-y: scroll; overflow-x: hidden;transition-duration: 0.4s;}
.mobile-offcanvas.show{visibility: visible;transform: translateX(0);transition-duration: 0.4s;}
/*** Mobile menu css end *****/

.hero-sec h1{ font-size:30px; max-width:400px;}
.hero-sec .owl-carousel .owl-nav button.owl-prev{ left:10px; width: 20px; height: 30px;}
.hero-sec .owl-carousel .owl-nav button.owl-next{ right:10px; width: 20px; height: 30px;}
.hero-sec .hero-caption{ width:96%;}
.products-sec{ padding:40px 0;}
h2.title { margin-bottom: 30px;	 font-size: 28px;}
.product figure { flex: 0 0 90px;}
.product h3{ font-size:18px; margin-bottom:10px;}
.product p{ font-size:13px; line-height:21px; margin-bottom:20px;}
.product .btn { padding: 12px 10px; min-width: 148px; font-size: 14px;}
.product .detail{ padding:15px 0 15px 10px;}
.prod-carousel, .prod-related{ padding-left:0; padding-right:0;}
.prod-carousel .owl-dots{ position:relative; margin-top:30px;}
.prod-carousel .owl-dot span, .prod-related .owl-dot span{ background:#000;}
.shop-sec .detail{ max-width:300px; padding:29px 0;}
.shop-sec h2 { font-size: 18px; padding-bottom:10px;}
.shop-sec p{ font-size:14px; max-width: 233px;}
.shop-sec h2 strong { font-size: 30px;}
.feature-sec{ padding:40px 0 10px;}
.feature-sec .title{ margin-bottom:30px;}
.feature h3{ font-size:18px; min-height: 44px; margin-bottom:10px;}
.feature .price{ font-size:16px; margin-bottom:10px;}
.feature{ margin-bottom:40px;}
.best-sec{ padding-bottom:10px;}
.testi-sec{ padding:40px 0 60px;}
.testi-sec .right{ flex:0 0 90px;}
.testi-sec figure{ max-width:81px; margin-bottom:10px;}
.testi-sec span{ font-size:16px;}
.testi-sec .left { padding:10px 30px 0 60px;}
.testi-sec .left p{ font-size: 15px; line-height: 23px;}
.testi-sec .left::before { font-size: 50px; line-height: 50px;}
.cta-icon i { width: 60px; display: block; margin: 0 auto 15px;}
.insta_block{ padding-top:0;}
.footer_menu{ padding-bottom:10px;}

.in_head h2 { margin: 100px 0 30px;}

.dropdown-item:hover, .dropdown-item:focus{ background: #ecbf2b; color: #fff;}
.detail_contact .add_info{ font-size:15px;}
.detail_contact{ padding:40px 0 10px;}
.detail_contact h2 { margin-bottom: 30px; font-size:30px;}
.form_info .field{ padding:0 20px;}
.form_info .field.field_2{ padding:10px 20px;}
.submit_btn{ line-height:30px;}
.detail-sec{ padding:40px 0 0;}
.detail_right{ padding-top:30px;}
.search_bar{ margin-top:20px;}
}


@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
header{ position:relative; background:#171f4c;}
.hero-sec h1 { font-size: 20px; max-width: 200px;}

.shop-sec figure{ position:relative; top:0; margin:0 0 -30px 0; text-align:left; clear: both; display: inherit;}
.shop-sec{ padding:40px 0 0;}
.shop-sec .detail{ float:none; margin-bottom:30px; padding:0;}
.shop-sec{ margin:0;}
.owl-carousel .owl-dot span { width: 10px; height: 10px;}
.owl-carousel .owl-dot{ margin:0 4px;}
.prod-carousel .owl-dots, .prod-related .owl-dots{ margin-top: 15px;}

.copy_right{ text-align:center;}
.copy_right figure{ margin-top:10px; text-align:center;}
.insta_block h2 { font-size: 30px;}
.sort_price{ padding-bottom:15px;}
.in_head{ min-height:180px;}
.in_head h2 { margin: 30px 0 30px;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.top-head{ display:none;}
.top-head .navbar.justify-content-end{ flex-direction:column; -ms-flex-pack: center !important; justify-content: center !important;}
.navigation .navbar{ line-height:50px;}
.navigation .navbar-light .navbar-nav .nav-link,header .navigation .navbar-nav .dropdown-item{ line-height:normal;}
ul.top-social{ display:none;}
.hero-sec .hero-caption { width: 90%;}
.mobile-offcanvas{ width:70%;}
.navbar-brand.stk{ display:block;}
.best figure{ flex:0 0 60px;}
.best{ padding:20px 10px;}
.best h3 { font-size: 17px;}
.best.best2{ padding:15px;}
.shop-sec figure{ margin:0 0 -21px 0;}
.shop-sec figure img { width: 270px;}
.testi-sec .testi{ display:inherit; text-align:center;}
.testi-sec .right{ width:100%;}
.testi-sec figure{ margin:15px auto;}
.testi-sec .left{ padding:0;}
.testi-sec .left::before { position: relative; margin-bottom: 10px; display: block;}
.cta-icon{ margin-top:0;}
.cta-icon i{ margin-top:20px;}
.subs_cribe{ padding-bottom:20px;}
a.down{ display:block; margin-top:10px;}
.qty small{ font-size:14px;  }
}