/* Layout 16 - tabs*/
.layout-16 h2{ margin-bottom: 30px; }
.layout-16 .tab-container { position: relative; overflow: hidden; margin-bottom: 20px; }
.layout-16 .tab-slider-wrapper { overflow: hidden; width: 80%; display: inline-block; vertical-align: top; }
.layout-16 .tab-slider { white-space: nowrap; transition: transform 0.3s ease; padding-left: 0; margin-bottom: 0; display: inline-table; }
.layout-16 .tab-slider > li { display: inline-block; padding: 0; float: none; white-space: normal; text-align: center;  }
.layout-16 .tab-slider > li a{ padding: 10px 50px; }
.layout-16 .tab-nav { width: 60px; background: transparent; border: none; cursor: pointer; font-size: 18px; vertical-align: top; height: 46px; }
.layout-16 .tab-nav.left {  float: right; }
.layout-16 .tab-nav.right img{ transform: rotateZ(180deg); }
.layout-16 .tab-nav.right {   float: right; }
.layout-16 .tab-content { padding-top: 20px; }
.layout-16 .tab-content h4 { font-weight: 700; }
.layout-16 .tab-container .btn-nav {  position: relative; top: -40px; }
.layout-16 .tab-content .wrap { display: flex; align-items: center; }
.layout-16 .tab-content .wrap .content { width: 60%; padding-right: 100px; }
.layout-16 .tab-content .wrap .img img{ border-radius: 20px; box-shadow: -5px 5px 15px rgba(0,0,0,0.15); overflow: hidden; margin: 20px; }
.layout-16 .nav-tabs li a, .layout-16 .nav li .nav-link { background: none !important; color: #bbb; font-weight: 600; padding: 10px 50px 10px 0; }
.layout-16 .nav-tabs, .layout-16 .nav { border-bottom: 1px solid #ccc; } 
.layout-16 .nav-tabs li.active, .layout-16 .nav li .nav-link.active { border-bottom: none; position: relative;}
.layout-16 .nav-tabs li.active a, .layout-16 .nav-tabs li:hover a, .layout-16 .nav li:hover .nav-link, .layout-16 .nav li .nav-link.active{ color: #018daf; border: none;}
.layout-16 .nav-tabs>li>a, .layout-16 .nav li .nav-link{ border: none; }
.layout-16 .nav-tabs li:before, .layout-16 .nav li:before .nav-link { content: ''; width: 100%; height: 4px; background: #018daf; position: absolute; top: 44px; left: 0; opacity: 0; } 
.layout-16 .nav-tabs li.active:before , .layout-16 .nav-tabs li:hover:before, .layout-16 .nav li:hover:before .nav-link { opacity: 1; }


  



/* Responsive */

@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 



}

/* 1199 END */ 



@media (max-width: 991px){ 
.layout-16 .tab-content .wrap { display: block; }
.layout-16 .tab-content .wrap .content { width: 100%; padding-right: 0; }
.layout-16 .tab-content .wrap .img { text-align: center; }
}

/* 991 END */



@media (max-width: 767px){ 
.layout-16 .tab-slider-wrapper{ width: 100%; }
.layout-16 .btn-nav { height: 50px; width: 130px; margin: 0 auto;}
.layout-16 .btn-nav button img { height: 24px; width: auto; }
.layout-16 .tab-container .btn-nav {    top: 0; }




}

/* 767 END */



@media (max-width: 599px){ 
.layout-16 .nav-tabs li a, .layout-16 .nav li .nav-link {     padding: 10px 50px 10px 0; }
.layout-16 .tab-content .wrap .img img {    margin: 20px 0; }

} 

/* 599 END */





@media (max-width: 479px){ 



} 

/* 479 END */

