@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.4rem 'Roboto', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Inter', sans-serif;*/
/*font-family: 'Quicksand', sans-serif;*/

:root{
    --black: #000;
    --white:#fff;
    --body_txt_color:#887F7F;
    --red:#c40316;
    --border: #e8e8e8;
    --orage:#ef6c00;
   }


/*.wrapper{ width: 100%;}
.panel-default > .panel-heading{ background: none !important; border: none !important; border-radius: 0px !important;}
.panel-default{ border-radius: 0px !important;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{ background: none !important; border: none !important; border-radius: 0px !important;}*/

em{font-style: normal;}
.as_btn{position: relative; background: var(--red); font-style: normal; font-weight: 500; font-size: 1.5rem; line-height: 5rem; color: #fff; display: inline-block; padding: 0 2.5rem; border-radius: 0; border: .1rem solid var(--red); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; text-transform: uppercase; margin-top: 2rem;}
.corner_wrap { display: inline-block; position: absolute; width: 1.6rem; height: 1.6rem; margin: 0 !important; width: .6rem; height: .6rem; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.corner_wrap.left-top { left: 0; top: 0;}
.corner_wrap.right-bottom {bottom: 0; right: 0; -webkit-transform: scale(-1); transform: scale(-1);}
.corner { width: 100%; height: 100%; border: .1rem solid transparent; border-right-width: .1rem;  border-right-style: solid;  border-right-color: transparent;  border-bottom-color: var(--red); border-bottom-color: var(--red); border-right: .1rem solid var(--red); position: absolute; inset: 0; display: inline-block; -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); margin: 0 !important;}
.as_btn:hover .corner_wrap{width: 0; height: 0; opacity: 0;}
.as_btn:hover{background: transparent; color: var(--red);}
.megamenu_title{padding-bottom: 1.8rem; margin-bottom: 2rem; position: relative; text-transform: capitalize; border-bottom: .1rem solid var(--border); font-size: 1.8rem; line-height: 2.5rem; font-weight: 500; color: var(--black);}
.megamenu_title:before{position: absolute; content: ""; bottom: -.2rem; left: 0; width: 5rem; height: .2rem; background: var(--red);}
.as_btn i{margin-right: .5rem;}
h1,h2{font-size: 2.4rem; font-weight: 700; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 800; position: relative; display: inline-block;}
h4{font-size: 2.2rem; line-height: 2.7rem; text-transform: capitalize; color: var(--black); font-weight: 600; position: relative;}
h5{font-size: 1.8rem; line-height: 2.6rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
.ptb{padding: 5rem 0;}
.heading_sub_title{position: relative; display: flex; align-items: center;}
.heading_sub_title:before, .heading_sub_title:after{content: ""; display: block; width: 1rem; height: .2rem; background: var(--red);}
.heading_sub_title:before{margin-right: 1.5rem;}
.heading_sub_title:after{margin-left: 1.5rem;}






/*header*/
.header_sec{ width: 100%; padding: 2rem 0;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0; justify-content: space-between;}
/*.drop-nav{ position: absolute; top: 10px; right: 0px;}*/
/*.nav_top .dropdown-menu li a{ font-size: 13px;}*/
.menu_sec li{ position: relative;}
.search_sec{width: 60rem; display: flex; align-items: center; justify-content: start; border-radius: .5rem; padding: 0 1rem; height: 5rem; border: .1rem solid #ececec; margin-left: 2rem;}
.search_sec .input_fld{display: inline-block; width: 100%; margin-bottom: 0;}
.search_sec .input_fld input[type="text"]{width: 90%; float: left; background: transparent; border-color: transparent;}
.search_sec .input_fld button{width: 10%; float: right; height: 5rem; background: transparent; line-height: 5rem; color: #555; font-size: 1.5rem; text-align: right;}
.search_sec .input_fld button:hover{color: var(--brand);}
.search_box{width: 100%; position: relative;}
/* .search_box::before{content: ''; height: 2rem; width: .1rem; background: #CACACA; position: absolute; left: 0; top: 1.5rem;} */
.search_sec .input_fld .form-select{background: url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1.2rem; cursor: pointer;}
.search_sec .input_fld .form-select:focus{border-color:transparent;} 
.search_sec:focus{ border-color: var(--brand); box-shadow: none;} 
.header_lt{align-items: center;} 
.header_rt ul li{display: inline-block; margin-right: 1.5rem; text-transform: capitalize;} 
.header_rt ul li img{width: 2.5rem; margin-right: .5rem;}
.header_rt ul li:last-child{margin-right: 0;}
.user_txt strong{display: block;}
.drop-arw:after{font-family: "Font Awesome 6 Pro"; content: "\f078"; font-size: 1.4rem; color: var(--black); border: none; position: absolute; right: -1.9rem; top: 0;}
.user_txt em{font-size: 1.2rem; line-height: 1.2rem;}
.header_rt ul li a{color: var(--black);}
.header_rt ul li:last-child{margin-right: 0;}
.header_rt ul li.dropdown_menu{margin-right: 3.5rem;}
.cart_box{font-size: 2.5rem; position: relative;}
.cart_box i{vertical-align: middle;}
.cart_number{width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: var(--white); background: var(--red); font-size: 1.2rem; border-radius: 100%; position: absolute; right: 0; top: 0;}
.nav_top .dropdown-menu{padding: 0 .5rem;}
.nav_top .dropdown-menu li{ font-size: 1.5rem; margin-right: 0; line-height: 2rem; display: block;}
.nav_top .dropdown-menu li a{padding: 1.5rem; border-bottom: .1rem solid rgb(0,0,0,.09); display: block; width: 100%; color: var(--black) !important;}
.nav_top .dropdown-menu li a::before{display: none;}
.nav_top .dropdown-menu li a:hover{color: var(--red) !important;}
.nav_top .dropdown-menu li:last-child a{border-bottom-color:  transparent;}
/*.drop-arw::after {border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; color: #353535; position: absolute; top: 2.7rem; right: -1.6rem; font-size: 1.4rem;}
.nav_top .dropdown{margin-right: 4rem;}*/
/* .nav_top .dropdown-menu li a:hover{color: var(--breand) !important;} */

.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
/*.header_sec.fixed .header_top{display: none;}*/


/*categories_sec*/
.categories_sec{padding-bottom: 2rem;}
.dropdown.megamenu {position: static !important;}
/*.categories_sec ul.menu_list{display: flex; align-items: center; flex-direction: flex-wrap; margin: 0 -1.5rem;}*/
.categories_sec ul.menu_list li{display: inline-block; margin-right: 2rem; text-transform: capitalize; font-weight: 500;}
.categories_sec ul.menu_list li:last-child{margin-right: 0;}
.categories_sec ul.menu_list li a{color: var(--black);}
.categories_sec ul.menu_list li a:hover{color: var(--red);}
.dropdown_mega_menu{box-shadow: 0 0 1rem rgb(0 0 0 / 28%); width: 100% !important; max-width: 100% !important; padding: 2rem !important;}
.categories_info .drop-arw:after{display: none;} 
/*.drop_down_list {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.drop_down_list li.cll { width: 20%; padding: 0 1rem; float: left;}
.drop_down_list li a { display: block !important; width: 100% !important; margin-top: 1rem;}
*/
.drop_down_list{border-left: .1rem solid var(--border);}
.drop_down_list li{display: block !important;}
.drop_down_list li a{padding: .5rem 0 .5rem 2.5rem; display: block; width: 100%;}
.nav_top .dropdown .dropdown-menu {max-height: 38rem !important; overflow-y: auto;}
.drop_down_img{border-radius: .5rem; overflow: hidden;}


   
 /*banner*/  
.bannersec{ width: 100%;}
.banner_rt img{max-width: 100%; height: 30rem; object-fit: cover;}
.bannersec .carousel-indicators [data-bs-target]{width: 1.8rem !important; height: 1.8rem !important; border: .2rem solid transparent !important; border-radius: 50% !important; background: transparent !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important; position: relative;}
.bannersec .carousel-indicators [data-bs-target]::before{background: rgba(196,3,22,0.8) !important; width: .8rem !important; height: .8rem !important; position: absolute !important; content: '' !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; border-radius: 50% !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important;}
.bannersec .carousel-indicators [data-bs-target]:hover, .bannersec .carousel-indicators [data-bs-target].active{border-color: var(--red) !important;}
.bannersec .carousel-indicators [data-bs-target]:hover::before, .bannersec .carousel-indicators [data-bs-target].active::before{background: var(--red) !important;}
.banner_lt{padding: 6rem 0;}
.banner_lt strong{text-transform: capitalize; font-size: 5rem; line-height: 6rem; color: var(--black); font-family: 'Quicksand', sans-serif;}
.banner_lt strong em{color: var(--red);}
.btn_sec li{display: inline-block; margin-right: 1rem;}
.btn_sec li:last-child{margin-right: 0;}
.btn_sec li:last-child .as_btn{background: transparent; color: var(--red);}
.btn_sec li:last-child .as_btn:hover{background: var(--red); color: var(--white);}




/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
/* .input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
.search_box .input_fld button{border: none;}
.search_box .input_fld button a{color: #555 !important;}
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 2rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}




/*product_sec*/
.product_box{border: .1rem solid #F2F2F2; padding: 1rem; margin-top: 2rem; border-radius: .5rem; overflow: hidden;}
.rating li{display: inline-block; margin: 0rem .5rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.5rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}
.price_txt{font-size: 2rem; color: var(--red); line-height: 2.5rem; text-transform: capitalize; font-weight: 600;}
.price_txt del{font-size: 1.6rem; color: var(--body_txt_color);}
.product_img{overflow: hidden;  border-radius: .5em; position: relative;}
.product_img img{border-radius: .5em; height: 25rem; object-fit: cover; transition: .5s; will-change: transform;}
.product_box:hover .product_img img{transform: scale(1.02);}
.product_txt{padding-top: 1.5rem;}
.product_title{text-transform: uppercase; font-size: 1.2rem; font-weight: 600;}
.product_title_txt a{color: var(--black);}
.product_title_txt a:hover{color: var(--red);}
.red_more{background: var(--orage); display: flex; align-items: center; justify-content: center; color: var(--white); width: 4rem; height: 4rem; border-radius: 100%; font-size: 1.7rem;}
.product_footer{align-items: center; justify-content: space-between;}
.red_more:hover{background: var(--red); color: var(--white);}
/*.hover_icon li{display: block;}
.hover_icon li a{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--black); border: .1rem solid #edeef5; -webkit-box-shadow: 0 .3rem .5rem rgba(0, 0, 0, 0.1);  box-shadow: 0 .3rem .5rem rgba(0, 0, 0, 0.1); margin-top: 1rem; background: var(--white);}*/
.hover_icon{position: absolute; bottom: 0; left: 0; visibility: hidden; padding: 0.8rem 1rem; -webkit-transform: translateY(3rem); transform: translateY(3rem); opacity: 0; display: -ms-flexbox; display: flex; width: 100%; transition: all 0.3s; background: rgba(255,255,255,0.92); -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; z-index: 20;}
.product_box:hover .hover_icon{ visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.hover_icon ul li{display: inline-block;}
.hover_icon ul li a{display: inline-block; margin-right: 1rem; color: var(--black);}
.hover_icon ul li a:hover{color: var(--red);}
.add_txt{text-transform: capitalize; color: var(--black); font-size: 1.4rem; font-weight: 500; border-bottom: .1rem solid var(--black);}
.add_txt:hover{color: var(--red); border-bottom-color: var(--red);}





/*.product_box:hover .hover_icon{opacity: 1; left: 1rem;}*/
/*.hover_icon li a:hover{background: var(--red); color: var(--white); border-color: transparent;}*/
.silder_btn .owl-nav.disabled{display: flex; align-items: center; position: absolute; right: .8rem; top: -3.4rem; font-size: 0;}
.silder_btn .owl-prev, .silder_btn .owl-next{background: var(--white); -webkit-box-shadow: 0 .1rem .4rem rgba(34,34,34,0.14); box-shadow: 0 .1rem .4rem rgba(34,34,34,0.14); width: 4rem; height: 4rem; border-radius: .5rem; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.silder_btn .owl-prev:before, .silder_btn .owl-next:before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 2rem; color: var(--red);}
.silder_btn .owl-next:before{content: "\f105";}
.silder_btn .owl-prev{margin-right: 1rem;}
.silder_btn .owl-prev:hover, .silder_btn .owl-next:hover{background: var(--red); box-shadow: none;}
.silder_btn .owl-prev:hover:before, .silder_btn .owl-next:hover:before{color: var(--white);}
.silder_btn .owl-item{padding: 0 .5rem;}


/* product_dertails */
.innerbanner .banner_box{background: #f8f8f8; padding: 2rem 0;}
.banner_txt.d-flex{align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.inner_banner_heading{font-size: 2rem; line-height: 2.5rem;}
/* .banner_txt .breadcrumb-item + .breadcrumb-item::before {padding: 0 1rem; color: #6c757d;content: var(--bs-breadcrumb-divider, "/");}
.banner_txt .breadcrumb-item a{color: var(--green);} */
.product_slider{ width: 100%; }
#sync1.owl-theme {position: relative;}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 2.2rem; height: 4rem; margin-top: -2rem; position: absolute; top: 50%;  }
#sync1  .owl-prev { left: 1rem; }
#sync1  .owl-next { right: 1rem;}
.product_slider #sync1 .owl-prev{ display: none !important;}
.product_slider #sync1 .owl-next{ display: none !important;}
.product_slider .owl-dots{ display: none !important;}
.product_slider #sync2 .owl-item.active.current img{ opacity: 0.8;}
.product_slider #sync2 .owl-prev{ display: none !important;}
.product_slider #sync2 .owl-next{ display: none !important;}
/* .product_slider img{display: inline-block !important; max-height: 35rem; object-fit: contain;} */
.product_slider #sync2 img{width: 100% !important; border-radius: .5rem; max-height: 10rem;}
.product_slider #sync2{ margin-top: 2rem; }
.product_slider #sync2 .owl-item{ border: .1rem solid #d4d4d4; padding: .5rem; border-radius: .5rem;}
.product_slider #sync1{ border: .1rem solid #d4d4d4; border-radius: 1rem; overflow: hidden; padding: 1rem;}
.addination_txt{padding-top: 3rem;}
.addination_txt b{font-size: 2rem; color: var(--black); text-transform: capitalize;}
/* .dtlsoffer_sec i{font-size: 1.3rem; padding-right: .2rem;} */
.dtlsoffer_sec del{padding-left: .4rem;}
.dtlsoffer{background: var(--brand); color: var(--white);  height: 3rem; padding: 0 2rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 500; margin-left: 2rem;}
.prodtls_txt{border-top: .1rem solid #ebebeb; border-bottom: .1rem solid #ebebeb; padding: 2rem 0; margin-top: 2rem;}
.product_dltsrt .price {width: auto;}
/* .bttn_group ul li{display: inline-block; margin-right: 1rem;}
.bttn_group ul li:last-child{margin-right: 0;}
.bttn_group ul li:last-child a.as_btn{background: transparent; color: var(--brand); border-color: var(--brand);}
.bttn_group ul li:last-child a.as_btn:hover{background: var(--brand); color: var(--white);} */
.selling_dtls_price{font-size: 2.2rem; letter-spacing: .2rem; display: block; margin: 1.5rem 0; color: var(--red);}
.selling_dtls_price  small{color: var(--body_txt_color); font-size: 1.8rem;}
.product_dtls_Modal .modal-dialog {max-width: 90rem;}
.product_dtls_Modal .modal-header {border: none;}
.product_dtls_Modal .modal-header .btn-close {padding: 1.5rem 1.5rem; margin: 0.5rem 0.5rem 0.5rem auto;}
.product_dtls_Modal .modal-header {padding: 0;}
.product_dtls_Modal .btn-close:focus {outline: 0; box-shadow: none; opacity: 1;}
.product_dtls_Modal .modal-content{border-radius: .5rem;}

.quantity_sec { width: 100%; display: inline-block;}
.quantity_box{width: 11.5rem; position: relative; margin: 1rem 0 0 0; border: .2rem solid #b6b5b5; overflow: hidden;}
.quantity input[type="number"] { outline: none; font: normal 1.6rem/2.4rem 'Roboto', sans-serif;color: #464646; height: 4rem; width: 100%; border-radius: 0; text-align: center; border: none; padding-left: 2rem;}
.quantity_box .quantity-nav { font: normal 1.5rem/4rem 'Roboto', sans-serif;}
.quantity_box .quantity-up {left: 0; border-right: .1rem solid #b6b5b5;}
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before { content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.5rem;}
.quantity_box .quantity-down { right: 0; border-left: .1rem solid #b6b5b5;}
.quantity_box .quantity-down::before {content: "\f068";}
.quantity_box .quantity-button {background: var(--white); color: #464646; width: 3.3rem; height: 4rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0;}
.uantity_title_txt{color: var(--black); font-size: 1.8rem; text-transform: capitalize;}

.more_rt a{display: inline-block; border-radius: .5rem; overflow: hidden;}
.more_rt a img{height: 45rem; object-fit: cover;}
.more_lt{margin-right: 2rem;}

/*shoppning_sec*/
.shoppning_box{background: var(--white); -webkit-box-shadow: .3rem .5rem 2.5rem 0 rgba(0,0,0,0.04); box-shadow: .3rem .5rem 2.5rem 0 rgba(0,0,0,0.04); padding: 2rem; border-radius: .5rem; margin-top: 3rem;}
.q_product_box{margin-top: 2rem;}
.q_product_img{border-radius: .5rem; overflow: hidden;}
.q_product_txt{padding-top: 1rem;}
.q_product_txt h5 a{color: var(--black);}
.q_product_txt h5 a:hover{color: var(--red);}
.view_txt{font-size: 1.5rem; text-transform: capitalize;}
.q_product_img img{height: 15rem; object-fit: cover; transition: .5s; will-change: transform;}
.q_product_box:hover .q_product_img img{transform: scale(1.02);}






@media (min-width: 992px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:2rem 0 0 0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 18.50rem; border-radius: .5rem; left: 0; right: inherit; box-shadow: 0 0 1rem rgb(0 0 0 / 28%); max-height: 38rem !important; overflow-y: auto;}

.nav_top .dropdown:hover .dropdown-menu {opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1199px){
    
   
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    
    
}


@media only screen and (max-width: 575px){

    

    
}

@media only screen and (max-width: 480px){
  
  

}