@media only screen and (max-width:1200px) {
    .front-head .call-us a
    {
        font-size: 12px;
    }
    .front-head .header
    {
        display: none;
    }
    .headerz
    {
        z-index: 999999999;
        padding: 10px!important;
        display: block;
    }
    .headerz .call-us a
    {
        font-size: 12px;
    }
    .headerz .menu ul
    {
        margin-top: 25px;
    }
    .headerz .call-us
    {
        margin-top: 15px;
    }


}

@media only screen and (max-width:990px) {
    .slider .intro-slider .owl-dots {
        bottom: 9px;
    }
    .slider .intro-slider .owl-dot {
        height: 5px;
        width: 5px;
    }
    .contact-us h2 {
        font-size: 14px;
    }
    .slider {
        margin-top: 90px;
    }
    .about-us-section .content h3{
        font-size: 18px;
    }
    .front-head .road {
        margin-top: 120px;
        padding-bottom: 30px;
    }

    .our-team .head-bar h3:after{
        right: 10%;
    }

    .our-team .head-bar h3:before {
        left: 10%;
    }
    .about-page .content2 h3:after {
        right: 34%;
    }

    .how-works .content {
        height: auto;
    }

    .about-us-section .content a{
        float: none;
        margin-bottom: 15px !important;
    }
    .contact-now .content h4 {
        font-size: 16px;
    }
    .contact-now .content h6{
        font-size: 12px;
    }
    .contact-now .pic img{
        display: none;
    }

    .footer .icons {
        left: 16px;
    }
    .footer .con ul {
        text-align: right;
        margin-right: 46px;
    }
    .front-head .header
    {
        display: none;
    }
    .headerz .menu , .headerz .call-us , .front-head .header , .front-head .header
    {
        display: none;
    }
    .hidden-xx
    {
        display: block;
        left: 30px;
        right: auto;
        top: 23px;
    }
    .sidenav
    {
        right: 0px;
        left: auto;
    }
    .sidenav .big-menu-nav .menu-nav
    {
        text-align: right!important;
    }
    .front-head .intro-slider .content
    {
        width: 90%;
    }
    .about-us-section .content
    {
        text-align: center;
    }
    .about-us-section .content h5
    {
        margin-top: 30px;
    }
    .about-us-section .content h5 hr , .we-do .head-bar h3:before , .we-do .head-bar h3:after , .how-works .content .head-bar:after
    {
        display: none;
    }
    .about-us-section .content a
    {
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }
    .how-works .content .desc h3
    {
        font-size: 14px;
    }
    .news-section .one h4
    {
        font-size: 14px;
    }
    .news-section .one p
    {
        font-size: 12px;
    }
    .footer .logo img
    {
        width: auto;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .footer .con
    {
        width: 100%;
    }
    .footer
    {
        padding-bottom: 15px;
    }
    .contact-now
    {
        text-align: center;
    }
    .contact-now .pic
    {
        width: 100%;
    }

    .contact-now .call a
    {
        float: none;
        width: 200px;
        display: block;
        margin: 0 auto;
    }
    .how-works .pic img {
        position: relative;
        width: 100%;
        right: 0px;
        top: 0px;
        border-radius: 8px;
        height: 380px;
        object-fit: cover!important;
    }
    .how-works .content .head-bar {
        padding-left: 0px;
    }
    .how-works .content .num
    {
        float: none;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }
    .how-works .content .desc
    {
        width: 100%;
    }
    .how-works .content
    {
        text-align: center;
        padding-left: 0px;
    }
    .news-section .head-bar h4:before , .news-section .head-bar h4:after
    {
        display: none;
    }
    .news-section
    {
        margin-top: 50px;
    }
    .we-do .one p
    {
        font-size: 12px;
    }
    .we-do .one h4
    {
        font-size: 14px;
    }
    .front-head .intro-slider .links a
    {
        width: 100%;
        margin-bottom: 20px;
    }
    .about-page .content ul li
    {
        font-size: 16px;
    }
    .our-team .one img
    {
        height: 120px;
    }
    .our-team .one h3 , .our-team .one p
    {
        font-size: 12px;
    }
    .contact-us .contact
    {
        margin-top: 50px;
    }
    .gallery-item .thumb {
        display: inline-block;
        width: 100%;
        height: 150px;
        object-fit: fill !important;
    }
    .gallery-item {
        border-radius: 7px;
        flex-basis: 160px;
    }
    .the-service .one-serv .more-pics img {
        width: 75px;
    }
    .how-works a
    {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0px;
        padding: 12px;
    }
    .footer
    {
        text-align: center;
    }



}