
/* ===========================================================
MOBILE SCREEN
=================================================================== */
@media (max-width: 480px) {
    .navbar-light .navbar-toggler{
        margin:auto;
        border-color:#ffffff!important;
    }
    .dropdown-item{
        font-size:9px!important;
    }
    header .container{
        width:100%;
    }
    .logo{
        text-align: center;
    }
   .logo img {
    width: 200px;
   }
   .header-contact ul{
    display:block;
    float:none;
    padding-left:0!important;
    text-align: center;
   }
   .header-contact ul li{
    padding-right:0!important;
   }
   .slider{
    position:relative!important;
   }
   .home-about{
    margin-top:50px;
   }
   .about-img{
    width:80%;
    left:35px;
    bottom: 165px;
   }
   .about-img-bg{
    width:250px;
    height:200px;
   }
.abt-home{
    position: relative;
    top: -110px;
}
.section-heading h2 {
    font-size:50px;
}
.count-section{
    position: relative;
    top: 150px;
}
.ser-sec{
    position: relative;
    top: 150px;
}
.portfolio-section{
    position: relative;
    top: 150px;
    outline: 10px solid #1877F2;
    outline-offset: -15px;
}
.port-heading{
    padding-top:50px;
}
.client-section{
    position: relative;
    top: 150px;
}
.testimonial-sec{
    position: relative;
    top: 150px;
}
.testimonial-img img{
    width:100%;
   }
   .slick-slide img{
    width:50%;
   }
.footer-section{
    position: relative;
    top: 150px;
}
.footer-social-icon{
margin-bottom:20px;
   }
   .footer-logo img{
    width:250px;
   }

.lap-screen{
    display:block;
}
.mob-screen{
    display:none!important;
}
.grid-70-30{
    display:block;
}
.get_say_social-icn{
    bottom: -10px;
}
.get_say_form {
    padding: 20px 0 45px;
}
.footer-section.footer-other{
top:0!important;
}
.abt-head h2{
    font-size: 40px!important;
}
.count-section.count-abt{
    top:0!important; 
}
.service-box{
    margin:0px 0px 30px;
}
.int-cont{
    padding:0;
}
.second-para{
    margin-top: 0!important;
}
.int-cont h2 {
    margin-top:20px;
    font-size:30px!important;
}
.sec-padding .container{
    width:100%;
}
}

/* ===========================================================
TABLET SCREEN
=================================================================== */

@media screen and (max-width: 790px){

}

/* ==================================================================
Media Query for low resolution  Tablets, Ipads 
======================================================================*/
@media (min-width: 481px) and (max-width: 767px) {
    .header-contact ul{
        display:block;
        float:none;
        padding-left:0!important;
        text-align: center;
       }
    .testimonial-img img{
        width:100%;
    }
    .about-img{
        width:80%;
        bottom:300px;
    }
    .about-img-bg {
        height: 350px;
        width: 400px;
    }
    .home-about {
        margin-top: 300px;
    }
   
    .abt-home{
        position: relative;
        top: -240px;
    }
    .lap-screen{
        display:block;
    }
    .mob-screen{
        display:none!important;
    }
    .grid-70-30{
        display:block;
    }
    .get_say_form{
        width:100%;
        padding: 20px 0 45px;
    }
    .get_say_social-icn{
        bottom:0;
    }
}



/*==========================================================================
 Media Query for Tablets Ipads portrait mode 
 ================================================================================*/
@media (min-width: 768px) and (max-width: 1024px){
   

}
@media only screen and (min-width: 768px) and (max-width: 990px){

}


@media only screen and (min-width: 991px) and (max-width: 1024px){

}


@media only screen and (min-width: 991px) and (max-width: 1400px){
    .about-img{
        width:80%;
        bottom: 300px;
    }  
    .about-img-bg {
        height: 350px;
        width: 450px;
    }
    .b-none{
        display:none;
    }
   
}
@media screen and (min-width: 1600px) {
    .home-about {
        margin-top: 820px;
    }
    .testimonial-img img{
        width:100%;
    }
    .comment{
        font-size: 1.2rem;
    }
}