/* Responsive - Start */

@media (min-width: 320px) and (max-width: 766px) {

    /* Fonts - Start */

        /* Size - Start */
        h1{
            font-size:36px;
            line-height:36px;
        }
        h2{
            font-size:34px;
            line-height:34px;
        }
        h3{
            font-size:24px;
            line-height:24px;
        }
        h4{
            font-size:16px;
            line-height:16px;
        }
        p{
            font-size:16px;
            line-height:22px;
        }
        /* Size - End */

    /* Fonts - End */

    /* Navigation - Start */
    nav.navbar .navbar-collapse{
        padding-top:1rem;
        background-color:rgba(0,0,0,0.9);
    }
    nav.navbar .nav-item{
        margin-bottom:0.5rem;
    }
    .navbar-nav .nav-link{
        text-align:center;
    }
    .navbar-nav #language{
        text-align:center;
    }
    /* Navigation - End */

    /* Buttons - Start */
    .btn{
        padding:0.5rem 1.5rem;
    }
    .btn-text{
        font-size:14px;
    }
    /* Buttons - End */

    /* .slick - Start */
    .slick-dots{
        bottom:0.5rem;
    }
    .slick-dots li button{
        width:10px;
        height:10px;
    }
    /* .slick - End */

    /* Default stylesheet - Start */
    .container-fluid{
        overflow-x:hidden;
    }
    .space{
        height:82px;
    }
    /* Default stylesheet - End */

    /* Footer - Start */
    footer{
        padding:1rem;
    }
    footer #footer-nav li{
        margin:0 0.25rem;
    }
    footer .small{
        line-height:22px;
    }
    /* Footer - End */

    /* #banner - Start */
    #banner #background{
        left:calc( 50% - 500px );
    }
    #banner #background #bgvid{
        width:auto;
        height:100vh;
    }
    #banner #typo{
        margin-top:5rem;
    }
    #banner #typo h1{
        font-size:40px;
        line-height:40px;
    }
    /* #banner - End */

    /* #programs - Start */
    section#programs{
        padding-bottom:0;
    }
    section#programs #program-tabs{
        margin-bottom:0;
    }
    section#programs #program-tabs .title-wrapper, section#programs #program-tabs .nav-tabs{
        padding-left:0.5rem;
    }
    section#programs #program-tabs .title-wrapper{
        padding-top:2rem;
    }
    section#programs #program-info{
        padding-top:2rem;
        padding-bottom:2rem;
        margin-bottom:0;
    }
    /* #programs - End */

    /* #coach - Start */
    section#coach{
        padding-top:2rem;
    }
    section#coach #courses{
        padding-left:1rem;
    }
    section#coach #coach-info{
        padding-top:3rem;
    }
    section#coach #coach-image img{
        width:100%;
        position:relative;
        left:auto;
        bottom:auto;
    }
    /* #coach - End */

    /* #sub-banner - Start */
    #sub-banner .banner-item .caption{
        display:none;
    }
    /* #sub-banner - End */

    /* .contactus_index - Start */
    html.contactus_index #nav-icon3 span{
        background:#302b30;
    }
    html.contactus_index nav.navbar .white{
        color:#fff;
    }
    nav.navbar #nav-sub #btnFindUs{
        background-color:rgba(255,255,255,0.2);
    }
    html.contactus_index section#page-body .body-title{
        padding-top:2rem;
    }
    html.contactus_index #contact-inner-page{
        height:auto;
    }
    /* .contactus_index - End */

    /* .programs_index - Start */
    html.programs_index section#page-body .blog{
        margin-bottom:1rem;
    }
    html.programs_index .blog.blog-item .thumbnail a{
        min-height:240px;
    }
    /* .programs_index - End */
}

/* Mobile Landscape - Start */
@media (min-width: 567px) and (max-width: 766px){

    /* Banner - Start */
    #banner #background{
        left:0;
    }
    #banner #typo{
        margin-top:4rem;
    }
    /* Banner - End */

}
/* Mobile Landscape - End */

@media (min-width: 767px) and (max-width: 991px) {

    /* Default stylesheet - Start */
    .container-fluid{
        overflow-x:hidden;
    }
    /* Default stylesheet - End */

    /* Buttons - Start */
    .btn{
        padding:0.5rem 1.5rem;
    }
    /* Buttons - End */

	/* #topbar - Start */
    #topbar{
        width:100%;
    }
    #topbar #btnFindUs{
        font-size:14px;
    }
    /* #topbar - End */

    /* #banner - Start */
    #banner,
    #banner #background,
    #banner #background #bgvid{
        width:100%;
        height:auto;
    }
    #banner{
        padding-bottom:2rem;
        overflow:hidden;
    }
    #banner .mask{
        height:100%;
    }
    #banner #typo{
        margin-top:8rem;
    }
    #banner #typo h1{
        font-size:40px;
        line-height:40px;
    }
    /* #banner - End */

    /* #profile - Start */
    section#profile{
        padding:1rem;
    }
    section#profile .container{
        padding:0;
    }
    section#profile .title{
        padding-bottom:1rem
    }
    section#profile .item-wrapper .item{
        padding:1rem 0;
    }
    section#profile .item-wrapper .item .info{
        padding:1rem 0;
    }
    /* #profile - End */

    /* #sub-banner - Start */
    #sub-banner .banner-item .caption.caption-1{
        top:5vh;
        left:0;
    }
    #sub-banner .banner-item .caption.caption-2{
        top:12vh;
        left:0;
    }
    #sub-banner .banner-item .caption.caption-3{
        top:12vh;
        right:0;
    }
    /* #sub-banner - End */

    /* #contact - Start */
    section#contact #address{
        padding:1rem;
    }
    /* #contact - End */
}
@media (min-width: 992px) and (max-width: 1199px) {
    /* #banner - Start */
    #banner,
    #banner #background,
    #banner #background #bgvid{
        height:auto;
    }
    #banner #background #bgvid{
        width:100%;
    }
    #banner{
        padding-bottom:3rem;
        overflow:hidden;
    }
    #banner .mask{
        height:100%;
    }
    #banner #typo{
        margin-top:10rem;
    }
    #banner #typo h1{
        font-size:40px;
        line-height:40px;
    }
    /* #banner - End */
}
@media (min-width: 1200px) and (max-width: 1679px) {

    /* #banner - Start */
    #banner{
        overflow:hidden;
    }
    #banner #background{
        height:auto;
    }
    #banner #background #bgvid{
        width:100%;
        height:auto;
    }
    /* #banner - End */
}
@media (min-width: 1680px) {

    /* #banner - Start */
    #banner{
        overflow:hidden;
    }
    #banner #background #bgvid{
        width:100%;
        height:auto;
    }
    /* #banner - End */
}

	/* iPad Landscape - Start */
	@media (min-width: 992px) and (max-width: 1025px) and (orientation:landscape) {
        #banner #typo{
            margin-top:10rem;
        }
        #banner #typo h1{
            font-size:40px;
            line-height:40px;
        }
        #banner #background #bgvid{
            width:100%;
            height:auto;
        }
	}
    /* iPad Landscape - End */
    
    /* iPad Pro Landscape - Start */
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) {
        #banner #background{
            height:100vh;
        }
        #banner #background #bgvid{
            width:auto;
            height:100vh;
            margin-left:-20%;
        }
    }
    /* iPad Pro Landscape - End */

/* Responsive - End */

/* Fix text alignment - Start */
@media (min-width: 320px) and (max-width: 766px) {
	.text-xs-left { text-align: left; }
	.text-xs-right { text-align: right; }
	.text-xs-center { text-align: center; }
	.text-xs-justify { text-align: justify; }
}

@media (min-width: 767px) {
 	.text-sm-left { text-align: left; }
 	.text-sm-right { text-align: right; }
 	.text-sm-center { text-align: center; }
 	.text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
 	.text-md-left { text-align: left; }
 	.text-md-right { text-align: right; }
 	.text-md-center { text-align: center; }
 	.text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
 	.text-lg-left { text-align: left; }
 	.text-lg-right { text-align: right; }
 	.text-lg-center { text-align: center; }
 	.text-lg-justify { text-align: justify; }
}
/* Fix text alignment - End */