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

@media screen and (max-width: 1440px) {}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1170px) {}

@media screen and (max-width: 1080px) {}

/* Large desktop :1200px. */
@media screen and (max-width: 1024px) {}

@media (min-width: 1024px) {}

@media only screen and (min-width: 1169px) and (max-width: 1520px) {}

@media only screen and (min-width: 1169px) and (max-width: 1200px) {}

/* Normal desktop :992px. */

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

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


    @media screen and (-webkit-min-device-pixel-ratio:0) {}


}

/* Tablet desktop :768px. */

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

    .logo {
        width: 250px;
        height: 100px;
    }

    .mobile-button {
        background: #fff;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 30px !important;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        background-color: #fff;
    }

    #header3.main-header .header-style2 {
        margin-top: 70px !important;
    }

    .inner-group.grid {
        display: block !important;
    }

    .inner-group.grid .form-group {
        width: 100%;
        margin: 15px 0px;
    }

    .vision-content,
    .mission-content {
        display: block;
    }

    .vertical-divider {
        display: none;
    }

    .foo-img {
        width: 250px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media (max-width: 800px) {}

    @media (min-width: 768px) and (max-width: 800px) {}
}

/* small mobile :320px. */

@media (max-width: 768px) {}

@media (max-width: 767px) {}

/* Large Mobile :480px. */



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .logo {
        width: 250px;
        height: 100px;
    }

    .mobile-button {
        background: #fff;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 30px !important;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        background-color: #fff;
    }

    #header3.main-header .header-style2 {
        margin-top: 70px !important;
    }

    .inner-group.grid {
        display: block !important;
    }

    .inner-group.grid .form-group {
        width: 100%;
        margin: 15px 0px;
    }

    .vision-content,
    .mission-content {
        display: block;
    }

    .vertical-divider {
        display: none;
    }

    .foo-img {
        width: 250px;
    }


    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media (min-width: 640px) and (max-width: 720px) {}

    @media (min-width: 580px) and (max-width: 640px) {}

    @media (min-width: 480px) and (max-width: 580px) {}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .logo {
        width: 250px;
        height: 100px;
    }

    .mobile-button {
        background: #fff;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 30px !important;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        background-color: #fff;
    }

    #header3.main-header .header-style2 {
        margin-top: 70px !important;
    }

    .inner-group.grid {
        display: block !important;
    }

    .inner-group.grid .form-group {
        width: 100%;
        margin: 15px 0px;
    }

    .vision-content,
    .mission-content {
        display: block;
    }

    .vertical-divider {
        display: none;
    }

    .foo-img {
        width: 250px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media screen and (-moz-device-pixel-ratio: 0) {}


}

@media only screen and (min-width: 320px) and (max-width: 375px) {}

@media (max-width: 480px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}

@media only screen and (min-width: 295px) and (max-width: 320px) {}