@media (max-width:1279px) {

}

/************ Main **************/
@media (max-width: 991px) {
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:var(--white); 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;}
.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;}
.navbar-toggler:not(.collapsed) 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;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) 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;}  

.offcanvas{ background: var(--navy); bottom: auto; height: 100vh;}
.offcanvas-body{ padding-left: 30px; padding-right: 30px; padding-top: 0;}
.header_sec .navbar-nav{ gap: 0;}
.header_sec .navbar-nav .nav-item{ margin: 0; position: relative;}
.header_sec .navbar-nav .nav-link{ padding: 10px 10px 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 16px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; text-transform: uppercase;}
.header_sec .dropdown-menu{ margin: 0; border-radius: 0; border: none; padding: 0;}
.dropdown-item{ border-bottom: 1px solid rgba(255,255,255,0.1);}
.header_sec .right_info{ padding: 0 10px 0 0; margin: 0 0 0 auto;}
}
@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}


}