.social a {
    text-decoration: none;
    display: inline-block;
}

.social a img{margin-right:5px;
   
}


/**************Media Query************/
@media(max-width:1368.8px){
   
    

}
@media(max-width:1199.8px){
    .banner {padding: 110px 0px;}
    .herocaption h1{font-size: 54px; line-height: normal;}
    .blog-cnt h3{font-size: 22px;}
    .project-sec h2{font-size: 38px;}
    .ftr-sub h2{font-size: 34px;}
    .herocaption h2 {
        font-size: 40px;}

        .blog-page{padding: 40px 0px 0px;}


        .tab{width: 170px; padding: 10px 10px;}
        .glider{width: 170px;}












}


@media(max-width:1024px){
  
   
}
@media(max-width:991.8px){
	.navbar-dark .navbar-toggler{right:10px; position:relative;}
	header#header{padding:12px 0px;}
	header#header .container {
    padding: 0px;
}
	
	header#header .navbar-brand{padding-left:15px;}
	
	
.navbar-collapse {position: absolute;top: 100%;width: 100%;z-index: 9999;background:#000; padding: 60px 15px 120px 15px;}
.navbar-nav li a{padding: 6px; font-size: 44px; color: #fff;font-family: 'degular'; font-weight: 400; }
.navbar-nav .dropdown-menu{padding: 8px;border: 0;display: table-column-group;}
.navbar-nav li:not(:last-child){}
.navbarnav-link{display: block; position: relative; margin-top: 8%;}
.navbarnav-link li a {
    color: #fff;
    font-size: 16px;
    display: block;
    text-decoration: none;
    font-family: 'degular';
    padding: 6px;
}



.navbar-dark .navbar-toggler {
    border-color: transparent;
    color: transparent;
    font-size: 26px;
    box-shadow: none !important;
}
.navbar ul>li li a{padding: 5px 0px;}
.navbar-nav li a::before{display: none;}
.mobile{display: flex;}
.tell_us.desktop {display: none;}
.tell_us a.btn{padding: 12px 24px; font-size: 14px;}

.pills-tab .nav-link{font-size: 16px; padding: 6px 22px;}
.body-card{padding-top: 30px;}
.layer-grid {grid-template-columns: repeat(2, 1fr);}
.blog-box{margin-bottom: 40px;}
.morebtn a{font-size: 35px;}
.morebtn a img{height: 22px;}
.ftr-sub h2 {font-size: 30px;}
.ftrleft h5{font-size: 20px;}
.sitemap li{font-size: 14px;}
.morebtn{padding: 10px 0px;}
.tab{width: 130px; padding: 10px 5px;}
.glider{width: 130px;}
.pills-tab{padding: 15px 10px;}



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


}
@media(max-width:767.8px){
    .herocaption h1{font-size: 40px;}
    .container {max-width: 100%; padding: 0px 15px;}
    .project-sec {
        padding: 60px 0px;
        border-radius: 20px;
        margin: 0px 15px;
    }
    .ftrleft {padding-left: 0px;}
    .paddingtop {padding: 30px 0px;}
    .footer {padding: 40px 0px;}
    .banner {padding: 80px 0px;}
    .tabssection{padding: 30px 0px;}
    .project-sec .col-md-8 {width: 70%;}
    .project-sec .col-md-4 {width:30%;}






}
@media(max-width:575.8px){
    .herocaption h2 {font-size: 30px;}
    .talking p{margin-bottom: 20px;}
    .talking h4{margin-bottom: 20px;}
    .Whats-sec h2{font-size: 30px;}

    .herocaption h1{letter-spacing: normal;}

    .tab{width: 100px; padding: 0px 5px; height: 40px; font-size: 18px;}
    .glider{width: 100px; height: 40px;}

    .ftr-menu a{padding: 0px 10px;}
    .project-sec a.btn{padding: 10px 20px; font-size:14px;}
    .project-sec h2 {font-size: 30px; letter-spacing: normal;}

    .blog-page{padding: 60px 10px 0px 10px;}
    .section-brand{padding: 40px 10px;}



}
@media(max-width:480px){
    .pills-tab{border-radius: 9px;}
    .project-sec h2{font-size: 24px; max-width: 220px;}
    .project-sec h2 br{display: none;}
    .herocaption h1 {font-size: 32px; letter-spacing: -2px;}
    .body-card{padding: 40px 20px;}
    .tabssection .container {padding: 0px;}

    .tab{width: 90px; font-size: 16px;}
    .glider{width: 90px;}


    .ftr-menu a{padding: 0px 6px;}

    ul#pills-tab {
        width: 100%;
        overflow: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        padding-bottom: 15px;
        
    }

    .pills-tab {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        
    }

    .pills-tab{padding: 15px 15px 0px 15px;}


    .gridread {grid-template-columns: repeat(1 ,1fr);gap: 0px 10px;}
    .hover05 {margin-top: 0px;}
    .Whats-sec{padding-bottom: 20px;}
    .herocaption h2 {font-size: 26px; margin-bottom: 24px;}
    .herocaption .listtime li{display: block;}
    .herocaption h2 br{display: none;}
    .layer-grid {grid-template-columns: repeat(1 ,1fr);}  
    .navbar-brand img {height: 30px;}
    .blog-cnt h3{font-size: 24px;}
    .blog-cnt h6{font-size: 16px;}
    .blog-img{margin-bottom: 14px;}
    .morebtn a img {height: 34px;}

    .project-sec .col-md-8 {width: 60%;}
    .project-sec .col-md-4 {width:40%;}
    .mushbg{margin: 0px 15px;}

    .ftr-sub h2 {font-size: 26px; margin-bottom: 2px;}
    .ftrleft{margin-top: 50px;}
    .copyright p{font-size: 14px;}
    .footer{padding: 40px 0px 10px 0px;}
    .mobile{position: relative; left: 40px;}
    .col-md-4.d-flex.justify-content-end {
        justify-content: left !important;
    }
    .sitemap li a{margin-right: 5px;}
    li.Terms {display: none;}
    .rightside {
       
        width: 55%;
    }

    .row.sitemap .col-8 {
        width: 45%;
    }


}
@media(max-width:425.8px){
    .tab{width: 80px; font-size: 14px;}
    .glider{width: 80px;} 



}
@media(max-width:376.8px){
    .herocaption h1 {font-size: 30px;}
    .ftr-sub h2 {font-size: 24px; margin-bottom: 12px;}
    .ftr-sub p a{font-size: 16px;}
    .ftr-menu li{ line-height: 30px;}
    .ftr-menu li a{font-size: 14px;}
    .tell_us a.btn {padding: 10px 14px;font-size: 12px;}
    .navbar-brand img {height: 30px;}
    .project-sec h2 {font-size: 20px;}
    .copyright .container{display: block;}
    .copyright .form-control{font-size: 14px;}
    .copyright button.btn{font-size: 14px;}


}


@media(max-width:320px){
   

}