/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
.desktop-sidebar{ padding-left: 16px; width: 270px;}
.wrapper{ padding: 104px 16px 16px 286px; position: relative; z-index: 10; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.desktop-sidebar.active{ left: -270px;}
.footer{ padding-left: 286px; padding-right: 16px;}
.wrapper.active, .footer.active{ padding-left: 16px;}

} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.desktop-sidebar{ padding-left: 16px; width: 270px;}
.wrapper{ padding: 104px 16px 16px 286px; position: relative; z-index: 10; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.desktop-sidebar.active{ left: -270px;}
.footer{ padding-left: 286px; padding-right: 16px;}
.wrapper.active, .footer.active{ padding-left: 16px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.header .left-coloum, .header .right-coloum{ width: auto; gap: 16px;}
.header .right-coloum{ margin-left: auto;}
.header .left-coloum .logo img{ height: 30px; width: auto;}
.wrapper{ padding: 76px 16px 16px;}
.footer{ padding-left: 16px; padding-right: 16px}
} 
/* END__ */

@media only screen and (max-width:767px) {
.header .left-coloum, .header .right-coloum{ width: auto; gap: 8px;}
.header .right-coloum{ margin-left: auto;}
.header .left-coloum .logo img{ height: 24px; width: auto;}
.header .left-coloum .menu-btn, .header .right-coloum .search-btn{ height: 34px; width: 34px; background-size: 24px;}
.header .right-coloum .link{ font-size: 11px; white-space: nowrap;}
.header{ height: 60px; padding-left: 16px; padding-right: 16px}
.offcanvas.offcanvas-start{ top: 60px 0;}
.header .wrapper, .footer{ padding-left: 15px; padding-right: 15px;}
.wrapper{ padding: 76px 16px 16px;}
.footer{ padding-top: 20px; padding-bottom: 20px; flex-direction: column; gap: 10px; font-size: 11px;}
.footer ul{ margin-left: 0;}
.offcanvas.offcanvas-start{ top: 60px;}
/*.meta-bar{ flex-direction: column; align-items: flex-start; gap: 16px;}
.meta-bar ul{  flex-wrap: wrap; gap:16px; width: 100%;}*/
/*.meta-bar ul li{ flex: 0 0 auto; width: 50%; padding: 0 10px;}*/
/*.meta-bar ul li{ width: 100%; margin-bottom: 10px;}
.meta-bar ul .btn{ width: 100%;}
.meta-bar ul .btn-link{ padding-left:0; padding-right:0}*/
.header, .wrapper, .footer{ padding-left: 15px; padding-right: 15px;}
.meta-bar .studio .ratio{ width: 40px; height: 40px;}
.meta-bar .btn{ height: 40px; width: 40px; border-radius: 50%; padding: 0; align-items: center; justify-content: center; display: inline-flex;}
.meta-bar ul li .btn {width: auto; white-space: nowrap;}
} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */