/* Normal desktop :1200px. */
 @media (min-width: 1200px) and (max-width: 1500px) {

#home {
    margin-top: 158px;
}
.logo{
    margin-top: 14px;
}
.mean-container a.meanmenu-reveal{
    margin-top: -39px;
}
.slider-content{
    top: 4%;
}
/* .single-project-style4{
    min-width: 100%;
} */
} 

/* Normal desktop :992px. */
 @media (min-width: 992px) and (max-width: 1199px) {

.mean-container a.meanmenu-reveal{
    margin-top: -39px;
}
.top-header, .avable{
    padding: 7px 35px;
}
.avable .content h3 {
    font-size: 16px;
}
.avable .content p {
    font-size: 12px;    
    margin-bottom: 5px;
    line-height: 19px;
}
.avable .content .phone a {
    font-size: 15px;
}
.header-area{
    padding: 0 60px;
}
.logo{
    margin-top: 14px;
}
#home{
    margin-top: 151px;
}
.top-features {   
    margin-top: 40px;
}
.slider-content {
    top: 6%;   
    padding: 7px 15px;
}
.slider-content h2 {
    font-size: 20px;   
    margin-bottom: 6px;
}
 .slider-content > span {
    font-size: 12px;    
    margin-bottom: 3px;
}
.feature-block .inner-box{
    min-height: 498px;
}
.btn-cont li{
    margin-right: 0;
    margin-bottom: 15px;
}
.btn-what-app{
    display: block !important;
    margin-top: 80px;
}
.publication-img{
    margin-top: 46px;
}
.expert-list-1{
    margin-left: 26px;
}
.single-project-style4{
    min-width: 215px;
}
} 

/* Tablet desktop :768px. */
 @media (min-width: 768px) and (max-width: 991px) {
.top-header, .avable{
    padding: 7px 5px;
}
.avable .content{
    height: 320px;
}
 .header-area{
    padding: 20px 0 0;
 }
 .mean-container a.meanmenu-reveal{
    margin-top: -38px;
 } 
 .top-features {   
    margin-top: 53px;  
 }
 #home { margin-top: 147px; }
 .slider-content {    
    top: 3%;
    padding: 10px 31px;
 }
 .slider-content > span {
    font-size: 13px;    
    margin-bottom: 5px;
}
.slider-content h2 {
    font-size: 18px;    
    margin-bottom: 7px;
}
.slider-content p {
    font-size: 12px;    
    margin-bottom: 7px;
    line-height: 15px;
}
.feature-block .inner-box{
    min-height: 570px;
}
.about-right p{
    padding: 0;
}
#about .about-btn{
    margin-bottom: 10px;
}
.cta-area .btn-what-app{
    display: block !important;
    margin-top: 150px;
}
.single-project-style3 .working-wrapp-1 .overlay-content{
    height: 350px;
}
.single-project-style3 .overlay-content{
    height: 305px;
}
.cta-area-2 .mt-80 {
    margin-top: 10px;
}
.publication-img{
    margin-top: 109px;
}
.single-project-style4 {    
    max-width: 300px;
    min-width: 162px;
}
.footer-single-content a {
    font-size: 17px;
}
.footer-icon a {
     margin-right: 7px;
}

} 

/* small mobile :320px. */
 @media (max-width: 767px) {
    .skill .expert-list-2{
        padding-left: 17px;
    }
    #Qualification_sec1{
        display: block;
    }
    .header-area{
        display: none;
    }
    .header-area .header-sticky{
        display: none;
    }
    #Qualification_sec{display: none;}
    #home{
        display: none;
    }
    .main-block{
        display: block;
        margin-top: 73px;
       
    }
     .slider-content{
        top: 6%;
        right: 4%;
        padding: 10px 20px;
    }
       .slider-content h2 {
        font-size: 12px;
        margin-bottom: 5px;       
    }
.banner_text { margin-top: -260px; }
.slider-thumb { width: 100%; }
.slider-thumb::before { width: 100%; height: 300px; left: 0; }
#home { margin-top: 144px; }
.slider-btn { padding-top: 100px; }
.slick-slide img { max-width: 100%; }
.header-area { padding: 5px 15px; padding-bottom: 5px; padding-top: 15px; }
.header-right { margin-top: 7px; margin-right: 61px; }
.single-slider { min-height: 600px; }
.header-right { display: none; }
.mean-container a.meanmenu-reveal { margin-top: -40px; }
.slider-content h2 { font-size: 34px; }
.section-header h2 { font-size: 40px; }
.about-btn > a { margin-bottom: 10px; }
.services-body { padding: 40px 30px 40px 30px; }
.skill-left { padding-right: 0; }
.button-group button::before { display: none; }
.portfolio-text h2 { font-size: 30px; }
.cta-box { padding-left: 15px; padding-right: 15px; }
.cta-text h2 { font-size: 40px; }
.project-btn > a { margin-bottom: 10px; }
.working-icon { margin-right: 0; }
.working-wrapp { margin-bottom: 20px; text-align: center;padding-bottom: 20px;height: auto;}
.working-wrapp img {max-width: 100%;}
.title-icon { display: block; }
.work-title { margin-top: 15px; }
.education-images { margin-left: 0; }
.education-images img { max-width: 100%; }
.education-img2 { position: static; margin-top: 10px; }
.icon-images i { top: 0; left: 0; }
.testimonials-wrapp { padding: 35px 25px; }
.newsfeed-single-content { padding: 25px 20px 10px 20px; }
.newsfeed-header a { margin-right: 15px; }
.newsfeed-wrapp { padding: 35px 20px 40px 21px; }
    #gallery_carousel .owl-nav .owl-prev {left: 0;}
    #gallery_carousel .owl-nav .owl-next {right: 0;}
    #attachments_carousel .owl-nav .owl-next {right: 0;}
#attachments_carousel .owl-nav .owl-prev {left: 0;}
    .white-color{font-size: 11px;
    font-weight: normal;
    line-height: 30px;margin-bottom: 15px;}
    .pb-200 {
    padding-bottom: 0;
}
    .pb-165 {
    padding-bottom: 0;
}
  
    .offset-1{margin-left: 0;}
    .slider-content p {
    font-size: 10px;
    color: #fff;
    margin-bottom: 5px;
}

} 


/* Large Mobile :480px. */
@media only screen and (min-width: 400px) and (max-width: 600px) {
    .top-header{
        padding: 7px 5px;
      }
      .top-header ul li .number-1 {
        font-size: 13px;
      }
      .top-header ul li{
        padding-right: 4px;
      }
      .top-header ul li a i {
         padding: 0; 
         font-size: 12px;
    }
    .cta-area-2 .project-right{
        margin-left: 0;
    }
    .cta-area-2 .mt-80{
        margin-top: 0;
    }
    .avable .content h3 {
        font-size: 14px;        
        margin-bottom: 7px;
    }
    .avable .content p {
        font-size: 12px;       
        line-height: 19px;
    }
    .avable .content .phone a {
        font-size: 12px;        
    }
    .avable{
        padding: 7px 5px;
    }
    .avable .content .phone a {
        font-size: 12px;        
    }
    .avable .content{
        height: 100vh;
    }
    .avable .ac-1 {     
        font-size: 11px;
    }
    .wrap{
        font-size: 11px;
    }
    .logo{
        margin-top: 8px;
    }
    .mean-container a.meanmenu-reveal{
        margin-top: -47px;
    }
    .header-area {
        padding: 0px 15px;      
        /* padding-top: 19px; */
    }
    .top-features{
        margin-top: 34px;
    }
    .slider-content{
        top: 11%;
        right: 2%;
        padding: 2px 33px;
    }
    .slider-content > span {
        font-size: 9px;        
        margin-bottom: 0px;
    }
    .slider-content h2 {
        font-size: 10px;
        margin-bottom: 1px;       
    }
    .slider-content p {
        font-size: 9px;
        color: #fff;
        margin-bottom: 1px;
        line-height: 10px;
    }
    .slider-content i{
        font-size: 6px !important;
    }
    .about-right p{
        padding: 0;
    }
    .cta-text h2 {
        font-size: 30px;
    }
    .btn-what-app{
        flex-wrap: wrap;        
        margin-top: 10px;
    }
    .mb-30{
        margin-bottom: 0px !important;  
    }
    .section-header h2 {
        font-size: 30px;
    }
    .member-1{
        margin-bottom: 30px;
    }
    .vedio-det{
        flex-wrap: wrap;
    }
    .eng-img, .ben-img, .hin-img{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .text-right {
        text-align: left!important;
    }
    .elementor-icon-box-content img{
        width: 70%;
    }
  
    .elementor-icon-box-content{      
        left: 0 !important;
    }
    .header-area{
        top: 74px;     
    }
    .sticky{
        top: 74px;   
    }
}

/******* iphone *********/
@media only screen and (min-width: 300px) and (max-width: 399px){
    #home {
        margin-top: 132px;
    }
    
    .elementor-icon-box-content{       
        left: 0 !important;
    }
    .top-header{
        padding: 7px 5px;
      }
      .top-header ul li .number-1 {
        font-size: 10px;
      }
      .top-header ul li{
        padding-right: 4px;
      }
      .top-header ul li a i {
         padding: 0; 
         font-size: 12px;
    }
    .cta-area-2 .project-right{
        margin-left: 0;
    }
    .cta-area-2 .mt-80{
        margin-top: 0;
    }
    .avable .content h3 {
        font-size: 14px;        
        margin-bottom: 7px;
    }
    .avable .content p {
        font-size: 12px;       
        line-height: 19px;
    }
    .avable .content .phone a {
        font-size: 12px;        
    }
    .avable .content{
        height: 100vh;
    }
    .header-area{
        padding: 0px;
        top: 73px;
    }
    .avable{
        padding: 7px 0px;  
    }
    .avable .ac-1{
        font-size: 9px;
    }
    .avable .wrap {
        margin: 0;
        font-size: 9px;
    }
    .top-features {        
        margin-top: 8px;
       }
      
       .cta-text h2, .section-header h2, .expert-title h2, .section-header h2{
        font-size: 27px;
    }
   
    .slider-content{
        top: 3%;
        right: 2%;
        padding: 2px 34px;
    }
    .slider-content > span {
        font-size: 9px;        
        margin-bottom: 0px;
    }
    .slider-content h2 {
        font-size: 9px;
        margin-bottom: 1px;       
    }
    .slider-content p {
        font-size: 9px;
        color: #fff;
        margin-bottom: 1px;
        line-height: 9px;
    }
    .slider-content i{
        font-size: 6px !important;
    }
    .about-right p{
        padding: 0;
    }
    .skill{
        flex-wrap: wrap;
    }
    .cta-area .justify-content-space-between{
        flex-wrap: wrap;
    }
    .cta-area .justify-content-space-between .project-right{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .expert-own, .vedio-det{
        flex-wrap: wrap;
    }
    .expert-list-1{
        padding-left: 16px;
    }
    .eng-img, .ben-img, .hin-img{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .footer-bottom .text-right{
        text-align: left!important;
    }
    .footer-logo img{
        width: 100%;
    }
    .working-icon{
        margin-bottom: 0;
    }
    .single-project-style3 .overlay-content{
        height: 325px;
    }
    .elementor-icon-box-content img{
        width: 70%;
    }
    .member-1{
        margin-bottom: 30px;
    }
    .section-header img{
        width: 50px;
    }
}