/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


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

    /* .container, .kc-container {
        max-width: 1800px !important;
    }
    .box-section-bg {
        height: 450px;
    }
    .bg-image-fold-one{
        height: 450px
    }
    .overlay{
        height: 450px;
    }
    .new-box-section-bg {
        height: 500px;
    } */

}


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

    /* .container, .kc-container {
        max-width: 1600px !important;
    } */
   

}

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

    .home-master-header{
		display:none;
    }


}

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

	.mobile-header{
		display:none;
    }

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

    /* .container, .kc-container {
        max-width:1400px !important;
    } */

   
}



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

    .container, .kc-container {
        max-width:1140px !important;
    }
    /* .box-section-bg {
        height: 360px;
    }
    .bg-image-fold-one{
        height: 400px
    }
    .overlay{
        height: 400px;
    }
    .new-box-section-bg {
        height: 400px;
    }
    .one {
        padding-left: 0px;
    }
    .bg-image-fold-one {
        background-position:center center !important;
    }
   
    .videos-section .col-md-5{
        width: 46%;
        max-width: 46%;
        flex: 0 0 46%;
    }
    .videos-section .offset-md-2{
        margin-left: 7%;
    }
    .fourth-video-section {
        padding-top: 0%;
    } */
}


/* ======================================================================================================================== */
@media only screen and (max-width: 1366px){

    .container, .kc-container{
        max-width: 1140px !important;
    }

    .box-section-bg {
        height: 360px;
    }
    .bg-image-fold-one{
        height: 400px
    }
    .overlay{
        height: 400px;
    }
    .new-box-section-bg {
        height: 400px;
    }
    /* .one {
        padding-left: 0px;
    } */
    .bg-image-fold-one {
        background-position:center center !important;
    }
   
    .videos-section .col-md-5{
        width: 46%;
        max-width: 46%;
        flex: 0 0 46%;
    }
    .videos-section .offset-md-2{
        margin-left: 7%;
    }
    .fourth-video-section {
        padding-top: 0%;
    }
   

}


/* ======================================================================================================================== */
/* Larger than Desktop HD */
@media (max-width: 1339px) {
    .container, .kc-container {
        max-width: 1000px !important;
    }
   

}
@media (max-width: 1280px) {
    .pad-right-20-p {
        padding-right: 0%;
    }
    .pad-r-20 {
        padding-right: 0px;
    }
    .pad-top-40 {
        padding-top: 25px;
    }
}

@media (max-width: 1200px) {
    .hamburger-menu{
        display: block;
    }
    .main-menu{
        display: none;
    }
    header{
        background-color: #fff;
        position: fixed;
        padding: 15px 0;
        border-bottom: 1px solid #A100FF;
    }
}

/* ======================================================================================================================== */
/* Larger than desktop */
@media (max-width: 1024px) {

    .container, .kc-container {
        max-width: 900px !important;
    }
   
    .pad-top-big {
        padding-top: 100px;
    }

    .pad-top {
        padding-top: 50px;
    }
    .videos-section {
        margin-top: 50px;
    }
    .pad-r-78 {
        padding-right: 0px;
    }
    .bg-image-fold-one{
        height: 340px
    }
    .overlay{
        height: 340px;
    }

    .one {
        padding-left: 0px;
    }
    
    .first-video-section {
        padding-top: 50px;
    }
    .box-section-bg {
        height: 315px;
    }
    .font-size-18-lineheight-28 {
        font-size: 16px;
        line-height: 25px;
    }
}
/* ======================================================================================================================== */
@media screen and (max-width: 999px) {
    .container,.kc-container {
        max-width: 800px !important;
    }
    .font-size-45-lineheight-60 {
        font-size: 40px;
        line-height: 55px;
    }
    .banner-text-section span {
        font-size: 25px;
        line-height: 30px;
    }
    .bg-image-fold-one{
        height: 310px
    }
    .overlay{
        height: 310px;
    }
    .pad-top-35 {
        padding-top: 20px;
    }
    .videos-section .col-md-5{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .videos-section .offset-md-2{
        margin-left: 0%;
    }
    .new-box-section-bg {
        height: 340px;
    }
    .new-video-button {
        margin-top: 25px;
    }
    .pad-top-80 {
        padding-top: 50px;
    }
  
}

/* ======================================================================================================================== */
/* Larger than tablet */
@media screen and (max-width: 768px) {
    .container, .kc-container {
        max-width: 668px !important;
    }
    .bg-image-fold-one{
        height: 250px
    }
    .overlay{
        height: 250px;
    }
    .box-section-bg {
        height: 250px;
    }
    .font-size-24 {
        font-size: 21px;
        line-height: 30px;
    }
    .new-box-section-bg {
        height: 250px;
    }
   

}
/* ======================================================================================================================== */
/* Larger than tablet */
@media screen and (max-width: 767px) {
    .container, .kc-container {
        max-width: 667px !important;
    }
    .pad-top-30 {
        padding-top: 0px;
    }
    .bg-image-fold-one {
        height: 450px;
    }
    .overlay{
        height: 450px;
    }
    .new-box-section-bg {
        height: 450px;
    }
    .videos-section .col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .pad-top-188 {
        padding-top: 50px;
    }
    .first-video-section {
        padding-top: 30px;
    }
    .box-section-bg {
        height: 430px;
    }
    .second-video-section {
        padding-top: 11%;
    }
    .fourth-video-section {
        padding-bottom: 10%;
    }
    .shift-up {
        margin-top: 40px;
    }
    .font-size-45-lineheight-60 {
        line-height: 45px;
    }
    .font-size-21 {
        font-size: 20px;
        line-height: 25px;
    }
    .m-b-100 {
        margin-bottom: 60px;
    }
    .pad-bot-20 {
        padding-bottom: 30px;
    }
    .disable-head{
        display: none;
    }
    .main-logo{
        width: 130px;
    }
    
}
/*iPhone 6Plus Landscape Mode*/
@media screen and (max-width: 736px) {
    .container, .kc-container {
        max-width: 636px !important;
    }
   

}


/*iPhone 6 Landscape Mode*/
@media screen and (max-width: 667px) {
    .container, .kc-container {
        max-width: 567px !important;
    }
    .font-size-45-lineheight-60 {
        font-size: 38px;
        line-height: 42px;
    }
    .new-box-section-bg {
        height: 410px;
    }

    .banner-carousel .owl-nav button {
        width: 35px;
        height: 35px;
    }

    .banner-carousel .owl-nav button img {
        width: 22px;
    }

    .banner-carousel .owl-nav button.owl-next img {
        padding-left: 0;
    }

    .banner-carousel .owl-nav button.owl-prev img {
        padding-right: 0;
    }

    .banner-image-section{
        padding-bottom: 20px;
    }
    .banner-text-section span {
        margin-top: 5px;
    }
    
    .lity-iframe-container {
        padding-top: 72% !important;
    }

}


/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
    .container, .kc-container {
        max-width: 510px !important;
    }
    .bg-image-fold-one {
        height: 400px;
    }
    .overlay{
        height: 400px;
    }
    .box-section-bg {
        height: 400px;
    }
    .new-box-section-bg {
        height: 365px;
    }
    .second-video-section {
        padding-top: 15%;
    }

}

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
    .container, .kc-container {
        max-width: 410px !important;
    }
    .pad-top-60 {
        padding-top: 70px;
    }
    .pad-top-big {
        padding-top: 60px;
    }
    .pad-top {
        padding-top: 30px;
    }
    .bg-image-fold-one {
        height: 310px;
    }
    .overlay{
        height: 310px;
    }
    .banner-image-section {
        padding-bottom: 0px;
    }
    .font-size-22 {
        font-size: 21px;
    }
    .box-section-bg {
        height: 310px;
    }
    .new-box-section-bg {
        height: 290px;
    }
    .pad-top-188 {
        padding-top: 35px;
    }
    .first-video-section {
        padding-top: 10%;
    }
    .fourth-video-section {
        padding-bottom: 15%;
    }
    .font-size-45-lineheight-60 {
        font-size: 35px;
        line-height: 40px;
    }
    .pad-top-80 {
        padding-top: 30px;
    }
    .shift-up {
        margin-top: 25px;
    }
    .m-b-100 {
        margin-bottom: 45px;
    }
    .pad-bot-perc-9 {
        padding-bottom: 15%;
    }
    .pad-bot-45 {
        padding-bottom: 30px;
    }
    .mob-text-center{
        text-align: center !important;
    }
    .mob-logo{
        float: right !important;
    }

}

/*iPhone 6Plus Portrait Mode*/
@media screen and (max-width: 414px) {
    .container, .kc-container {
        max-width: 384px !important;
    }
    .bg-image-fold-one {
        height: 300px;
    }
    .overlay{
        height: 300px;
    }
    .box-section-bg {
        height: 300px;
    }
    .new-box-section-bg {
        height: 270px;
    }


}
/* ======================================================================================================================== */
/*iPhone 6 Portrait Mode*/
@media screen and (max-width: 375px) {
    .container, .kc-container {
        max-width: 335px !important;
    }
    .bg-image-fold-one {
        height: 250px;
    }
    .overlay{
        height: 250px;
    }
    .box-section-bg {
        height: 250px;
    }
    .new-box-section-bg {
        height: 230px;
    }
    .pad-top-40 {
        padding-top: 20px;
    }
    .font-size-22 {
        font-size: 20px;
    }

}

/* Microsoft Lumia 940 */
@media screen and (max-width: 360px) {
    .container, .kc-container {
        max-width: 330px !important;
    }
    .font-size-45-lineheight-60 {
        font-size: 32px;
        line-height: 40px;
    }
    .banner-text-section span {
        font-size: 22px;
        line-height: 28px;
    }
   

}

/*iPhone 5S, 5, 4S & 4 Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
    .container, .kc-container {
        max-width: 290px !important;
    }
   
    .bg-image-fold-one {
        height: 215px;
    }
    .overlay{
        height: 215px;
    }
    .box-section-bg {
        height: 215px;
    }
    .new-box-section-bg {
        height: 200px;
    }



}