/* css to handle responsive */

/* --------------------------------------- MEDIA QUERY FORMAT LARGE */

@media (min-width: 1024px) {
    .img_mobile {
        display: none;
    }
}
@media (max-width: 992px) {
    body{
        font-size: 12px;
    }
    .section1 h1{
        max-width: 80%;
    }
    .section{
        padding: 80px;
        padding-top: 110px;
        padding-bottom: 0;
    }
    .chevron_container.top{
        top: 70px;
    }
    .head-container{
        padding: 0px 80px;
    }
    .video{
        border: none!important;
    }
    .img-slide3{
        width: 70%;
        margin: 0 auto;
    }
    .head-container img{
        max-height: 50px;
    }

}

@media (max-width: 768px) {
    #fp-nav{
        display: none;
    }
    .d-sm-none{
        display: none;
    }
    .d-sm-block{
        display: block;
    }
    body{
        font-size: 8px;
    }
    .section1 h1{
        max-width: 80%;
    }
    .chevron_container.top{
        top: 70px;
    }
    .section{
        padding: 20px;
        padding-top: 110px;
        padding-bottom: 0;
    }
    .section2 img{
        width: 30%;
        margin: 1em auto;
    }
    .head-container{
        padding: 0px 40px;
    }
    .video{
        border: none!important;
    }
    .img-slide3{
        width: 70%;
        margin: 0 auto;
    }
    .head-container img{
        max-height: 50px;
    }
    .btn.btn-lg{
        font-size: 1.5em;
    }
    .video{
        width: 50vw!important;
        height: 50vw!important;
    }
}

@media (max-width: 576px) {
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .chevron_container {
        display: none;
    }
}