/*--------------------------------------------------------------------- 
File Name: responsive.css 
---------------------------------------------------------------------*/
@media (min-width: 1900px) and (max-width: 2200px) {
    /* Hero Section */

    .logo {}

}



@media (min-width: 1343px) and (max-width: 1500px) {}

@media (min-width: 1200px) and (max-width: 1342px) {
    .sub-content {
        position: relative;
        top: -500px;
    }

    .counter {
        margin-left: 150px;
    }


}

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

@media (min-width: 768px) and (max-width: 991px) {
    .logo-size {
        width: 200px;
        text-align: center;


    }



    .sub-content {
        position: relative;
        top: -50px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    .sub-content {
        position: relative;
        top: -50px;
    }
}

@media (max-width: 575px) {
    body {
        width: 100vw;
        overflow-x: hidden;
    }
}