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

    .logo {width: 160px;}
    .rdio label { padding: 15px 20px; }

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


}
@media only screen and (min-width: 1200px) {

    .main-footer .collapse:not(.show) {display: block !important; }
    .author-img-wrap.float-lg-start, .author-img-wrap.float-md-start { max-width: 50%; margin-right: 65px; margin-bottom: 30px;}
    .branch-listing {display: grid; grid-template-columns: auto auto;grid-gap: 10px;}
    /* header > .container, header > .top-header > .container {max-width: 90%;} */

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

    .main-footer .collapse:not(.show) {display: block !important; }    
    .carousel-caption h2 {font-size: 22px;}
    .carousel-caption p {font-size: 16px;}
    .author-img-wrap.float-lg-start, .author-img-wrap.float-md-start { max-width: 50%; margin-right: 60px; margin-bottom: 30px;}
    .main-menu .dropdown .dropdown-menu {left: unset; right: 0;}
    .branch-listing {display: grid; grid-template-columns: auto auto;grid-gap: 10px;}
    header > .container, header > .top-header > .container {max-width: 95%;}
    header .navbar-nav .nav-item>.nav-link {font-size: 14px;}
    .navbar-brand>img { width: 90px;}
    .section-heading h2 {font-size: 50px;}
    .section-heading>span { font-size: 50px;}
    .about-content-wrap h5 { font-size: 16px;}
    .about-content-wrap p,.desc p, .desc ul li, .desc ol li {font-size: 15px;}
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .main-footer .collapse:not(.show) {display: block !important; }
    .carousel-caption h2 {font-size: 20px;}
    .carousel-caption p {font-size: 15px;}
    .note-item h4 {font-size: 18px;}
	.desk-nav { display: none; }
    .mobile-menu { display: block;}
    .top-header {display: none;}
    .page-title-wrapper h2, .page-title-wrapper h1 {font-size: 35px;}
    .navbar-brand > img {width: 80px;}
    header.sticky .navbar-brand > img {width: 70px;}
    .mobile-menu .dropdown-menu.mega-dropdown {top: 90px !important;}
    header.sticky .mobile-menu .dropdown-menu.mega-dropdown {top: 78px !important;}
    .desc p, .desc ul li, .desc ol li, .about-content-wrap p {font-size: 15px;}
    .desc h6 {font-size: 16px;}
    .desc h5 {font-size: 18px;}
    .author-img-wrap.float-lg-start, .author-img-wrap.float-md-start { max-width: 60%; margin-bottom: 65px;}
    .bg-why-us h4 {font-size: 18px;}
    .section-heading>span{font-size: 40px;}
    .section-heading h2 { font-size: 40px;}
    .bg-brown-right-50::after {height: 0;width: 100%; top: unset; bottom: 0;}
    .bg-brown-right-50.in-view::after {height: 30%; width: 100%;}
}

@media only screen and (max-width: 767px) {
    .carousel-caption h2 {font-size: 18px;}
    .carousel-caption p {font-size: 15px;}
    .carousel-item {position: relative; z-index: 0;}
    .carousel-item::before {
        position: absolute;
        width: 100%;
        height: 50%;
        content: "";
        left: 0;
        bottom: 0;
        background: linear-gradient(to top, #000, transparent);
        z-index: 0;
    }
    .logo { width: 120px;}
    .navbar-brand > img {width: 70px;}
    header.sticky .navbar-brand > img {width: 60px;}
	.desk-nav { display: none; }
    .mobile-menu { display: block;}
	.screen-wrapper { padding-top: 80px; }
    .rdio > label > img { width: 50px; }
	.f-title button, .m-title button { display: block;position: relative; color: #fff;text-shadow: none;background: none;background-image: none;background-image: none;border: 0;box-shadow: none;font-size: 12px;position: absolute;top: 0;right: 0;padding: 0;width: 100%; cursor: pointer; height: 100%; outline: 0!important; }
    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active { box-shadow: none!important; outline: 0!important; background-color: transparent; }
    .section-heading > span {font-size: 40px;}
    .section-heading h2 {font-size: 40px;}
    .bg-brown-right-50::after {height: 0;width: 100%; top: unset; bottom: 0;}
    .bg-brown-right-50.in-view::after {height: 30%; width: 100%;}
    .ctr-child:nth-child(even)::after {display: none;}
    .note-item h4 {font-size: 16px;}
    .top-header {display: none;}
    .f-title {margin-bottom: 25px;font-size: 18px;border-bottom: 1px solid #ffffff38;padding-bottom: 20px;}
    .f-listing { margin-bottom: 40px; }
    .branch-listing > li {margin-bottom: 10px;}
    /* .f-title + .accordion-collapse { margin-bottom: 20px; } */
    .tl-rb-elements-bg::after {height: 200px; width: 200px;}
    .solution-content-wrapper:nth-child(odd) .solution-thumb, .solution-content-wrapper:nth-child(even) .solution-thumb {float: none;max-width: 90%;margin-left: 0; margin-right: 0; margin-bottom: 20px;}
    .page-title-wrapper h2, .page-title-wrapper h1 {font-size: 30px;}
    .carousel-caption {max-width: 80%;top: unset;bottom: 10%;}
    .desc h6, .desc h5 { margin-bottom: 10px;}
    .btn-custom { padding: 10px 20px;}
    .tl-rb-elements-bg { background-color: #f7f7f7;}
    .author-img-wrap.float-lg-start, .author-img-wrap.float-md-start {max-width: 80%; margin-bottom: 60px;}
    .spotify-podcast-item > iframe {height: 160px !important;}
    .custom-nav-tabs .nav-item .nav-link { background-color: #fff; }
    .custom-nav-tabs .nav-item .nav-link.active {border: 0; background-color: #A78871; color: #fff;}
    .custom-tab-content {background-color: #fff;}
    .session-detail-item:nth-child(even) .row {flex-flow: column;-ms-flex-flow: column;}
    .session-detail-thumb>img , .session-detail-item:nth-child(even) .session-detail-thumb>img {margin-left: auto;margin-right: 0;padding-bottom: 0;width: 100%;display: block;}
    
}

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

    .rdio > label > img { width: 45px; }
    .about-content-wrap p, .desc p, .desc ul li, .desc ol li {font-size: 14px;}
    .about-content-wrap p { font-size: 14px;}
    .count-value-wrap {font-size: 30px;}
    .count-content > p {font-size: 14px !important;}
    .bg-why-us h4 { font-size: 18px; }
    .news-intro h6 { font-size: 26px; }
    .news-intro p {font-size: 14px;}
    .news-info {margin-top: 20px;margin-bottom: 5px;}
    .spotify-podcast-item > iframe {height: 160px !important;}

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

}