@media (max-width: 992px) {
    .header-transparent .xs_nav-portrait .nav-toggle:before {
        background-color: #00539b;
        box-shadow: 0 0.5em 0 0 #00539b, 0 1em 0 0 #00539b;
    }
}


@media (min-width: 1601px) {
    .focus-section .col-xxl-12{
        width: 100% !important;
        max-width: 100% !important;
        flex: 100%;
        margin: 0 auto;
        display: block;
    }
    .focus-section .col-xxl-12 .focus-center{
        margin: 0 auto;
        display: block;
    }
    
}

/*Tablet +*/
@media (min-width: 1024px) {
    .social li {
        display: table-cell;
        top: -11px;
        left: 16px;
        position: relative;
    }
    .xs-banner-inner-section {
        padding-top: 85px;
        padding-bottom: 75px;
        border-bottom: 3px solid #cccccc;
        margin-top:75px;
    }
    .xs-navs-button{
        display: inline-flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 1024px) {
    .nav-brand {width: 160px;}
    .social li {
        display: table-cell;
        top: -11px;
        left: 16px;
        position: relative;
    }
    .xs-banner-inner-section {
        margin-top: 135px;
    }
}

/*Tablet*/
@media (max-width: 992px) {
    .xs-event-image {
        margin-bottom: 0px !important
    }

    .s-widget-btn {
        margin: -1px 0 0 0 !important;
        font-size: 7px;
        padding: 11px 0px !important;
        border-radius: 0px 0px 3px 3px;
        width: 100%;
    }

    .s-section-padding-service {
        margin-top: 150px;
    }

    .tparrows {
        margin-top: 100%
    }

    .xs-banner-inner-section {
        margin-top: 155px;
        border-bottom: 3px solid #ccc;
    }
}
 
@media(max-width:1199px) and (min-width:993px){
    .xs-banner-inner-section {
        margin-top: 155px;
        border-bottom: 3px solid #ccc;
    }
}

@media (max-width: 768px) {
    .s-section-padding-service {
        margin-top: 235px;
    }
    .tparrows {
        margin-top: 100%
    }
    .s-widget-btn {margin: -2px 0 0 0 !important;}
    .nav-bg {height: 40%;}
    .xs-event-image{margin-bottom: 0px !important}
    .btn-xs{width: 40%}
    .nav-brand{width: 100%;}
    .social {margin: 0 auto;}
    .xs-navs-button{margin-left: -15px;}
    .xs-back-to-top{box-shadow: 0px -1px 9px 5px #0000001a;}
    nav.xs-menus .nav-menus-wrapper {position: fixed;}
    nav.xs-menus .top-menus-wrapper {
        position: fixed;
    }
    .xs-navs-button {
        float: none;
        justify-content: center;
        display: flex;
        position: relative;
        right: 0px;
        top: 0px;
        transform: translateY(0px);
    }
}

/*Phone +*/
@media (max-width: 767px) {
    .social {
        margin-left: 40%
    }
    .s-section-padding-service {
        margin-top: 235px;
    }
    .tparrows {
        margin-top: 100%
    }
    .s-widget-event-info{font-size: 25px;}
    .text-10 {font-size: auto !important;}
    .small-read-more {padding: auto !important;}
    .list {
        padding: 0px;
        border-radius: 0px; 
    }
    .list .article-img{
        width: 100%;
        height: auto;
    }
    .list-btn {
        position: relative;
        margin: 0;
        float: right;
    }
    .coach-title {margin: 15px 0 15px 0;}
    
}

/*Phone*/
@media (max-width: 414px) {
    .xs-banner-inner-section {
        margin-top: 20px;
        border-bottom: 3px solid #ccc;
    }
    .xs-breadcumb, .page-title{float: none !important;}
    .nav-bg {height: 20%;}
    .xs-welcome-content {min-height: 550px;}
    .s-section-padding-service {
        margin-top: 450px;
    }
    .tparrows {
        margin-top: 100%
    }
    .social {
        margin-left: 40%
    }
}

@media (max-width: 375px) {
    .btn-xs, .btn-s, .btn-m, .btn-l, .btn-xl{width: 100%}
    .xs-banner-inner-section {
        margin-top: 20px;
        border-bottom: 3px solid #ccc;
    }
    .s-section-padding-service {
        margin-top: 480px;
    }
    .tparrows {
        margin-top: 100%
    }
    .social{
        margin-left:40%
    }
}

/*Phone -*/
@media (max-width : 320px) {
    .s-section-padding-service {
        margin-top: 500px;
    }
    .tparrows {
        margin-top: 100%
    }
}

@media (min-width: 768px) and (max-width: 1298px) {
    .xs-banner-inner-section {
        margin-top: 140px;
        border-bottom: 3px solid #ccc;
    }
    .social {
        margin-left: 40%
    }
    .no-padding{padding: 0px 0px !important;}
    .s-section-padding-service {
        margin-top: 275px;
    }
    .tparrows {
        margin-top: 30%
    }
}