@media (max-width:1600px) {
.circle-both{background-size:11%}
.rounded span{height:30px;width:30px;line-height:38px;background-size:40%}
.rounded{padding:7px 14px 6px 21px}
body{font-size:17px}
.service_section h2{font:2.8em proxima_thin,Arial,Helvetica,sans-serif;color: #d02b25}
.service_section h3{font-size:1.1em;line-height:30px;margin-bottom:0}
.portfolio-experiences h2{font:2.5em proxima_thin,Arial,Helvetica,sans-serif;margin-bottom:5px}
.portfolio-experiences h3{margin:0 0 1%;font-size:1.1em}
.web-technologies h2{font:2.5em proxima_thin,Arial,Helvetica,sans-serif}
.footer_form h3{font:2.2em proxima_bold,Arial,Helvetica,sans-serif}
.blueastral-logo img{width:120px}
}

@media only screen and (max-width: 600px) {
    .forging-text {
    padding: 0;
    text-align: left;
    margin-top: 30px !important;
    width: 61%;
}
   .blueastral-logo img {
    width: 80px!important;
}
.social_payment{display:none;}
 .footer-a{
     margin-top: -28px;
 }
 .topcall-now a.mail {
    padding: 2px 2px;
    background-color: #ffffff;
    margin-right: -20px;
}
.topcall-now a {
    padding: 0px 6px 0;
}
.topcall-now h3 {
    font: 14px proxima_semibold, Arial, Helvetica, sans-serif!important;
    line-height: 2.4em!important;
}
.topcall-now a.mail svg {
    width: 60px;
    margin-right: 13px!important;
    height: 45px;
}
.topcall-now a.mail svg {
    width: 30px!important;
    height: 30px!important;
}
}

@media (max-width:1440px) {
.forging-text h1{font-size:30px}
.forging-text{width:100%;max-width:500px;margin-left:4vw}
.forging-text .features ul li h4{font-size:21px}
.forging-text .features ul li span{width:46px;height:49px;background-size:205px}
.forging-text .features ul li{width:108px;font-size:14px;line-height:18px}
.topcall-now a.mail svg{width:40px;height:34px}
.topcall-now a{padding:1px 11px 0}
.topcall-now h3{font:16px proxima_semibold,Arial,Helvetica,sans-serif;line-height:2.4em}
.mid-mobile h5{/* font-size:.7em; */margin-bottom:17px}
.mid-mobile .textarea-into{height: 80px;padding:10px 14px;font-size:12px}
.mid-mobile .submit-button{padding:2% 0;border-radius:4px;font:16px proxima_semibold,Arial,Helvetica,sans-serif;width:145px!important;margin-top:3px;line-height:31px;height:39px}
.forging-text .green-a-tag{font:15px proxima_semibold,Arial,Helvetica,sans-serif;padding:1.9% 3%}
.scrollup a{width:35px;height:36px;background:url(../images/uparrow-blue.png) no-repeat center top 11px,linear-gradient(53deg,rgb(12 113 195) 0%,rgb(14 149 239) 86%)}
.about-heading h2{font:2.8em proxima_thin,Arial,Helvetica,sans-serif;padding-right:15%}
.circle-both{background-size:11%}
.rounded span{height:30px;width:30px;line-height:38px;background-size:40%}
.rounded{padding:7px 14px 6px 21px;border-radius: 8px;}
body{font-size: 16px;}
.service_section h2{font: 2.5em proxima_thin,Arial,Helvetica,sans-serif;}
.service_section h3{font-size: 1em;line-height: 25px;margin-bottom:0}
.portfolio-experiences h2{font: 2em proxima_thin,Arial,Helvetica,sans-serif;margin-bottom:5px}
.portfolio-experiences h3{margin:0 0 1%;font-size:1.1em}
.web-technologies h2{font: 2em proxima_thin,Arial,Helvetica,sans-serif;}
.footer_form h3{font: 1.6em proxima_bold,Arial,Helvetica,sans-serif;}
.blueastral-logo img{width:80px}
.blk_height h3,.services_single_blk .blk_height .service_txt02 h3{font-size:1em}
.portfolio-experiences figure.effect-goliath h2{font-size:25px}
.blue-subscribe h5{font:22px proxima_semibold,Arial,Helvetica,sans-serif}
.blue-subscribe p{margin:0;padding:0;font-size:16px}
.footer-bar h2 span{font:1.5em proxima_semibold,Arial,Helvetica,sans-serif}
.footer-bar h2{font:1.1em proxima_thin,Arial,Helvetica,sans-serif}
.footer-info ul li figure img{max-width:45px}
.footer-info ul li figure{width:14%}
.footer-info ul li span h6{font-size:1em;margin-top:2px}
.footer-info ul li span h5{font:1.3em 'Graphik Web',Arial,Helvetica,sans-serif;margin-top:7px}
.client_satisfaction h3 b{font-size:2.4em;margin-bottom:4px}
.client_satisfaction h4{font-size:1em}
.client_satisfaction .content{padding-right:8%}
.client_satisfaction img{width:37%;float:right;margin-top:5%}
.footer-bar h6{font-size:.9em}
.contact-form form .row{width:100%}
.contact-form .form-group .icon{width:48px;height:46px}
.contact-form .form-group .icon:before{left:4px;top:2px}
.contact-form .form-control{padding:11px;padding-left:60px}
.contact-form select.form-control{padding:11px 15px 11px 60px}
.contact-form .form-group .intrest{height:41px}
.contact-form .form-group{margin-bottom:20px}
.contact-form .form-group .email{height:45px}
.footer-location h4{font:1.2em proxima_regular,Arial,Helvetica,sans-serif}
.whatsapp img{width:40px}

}


@media (max-width:1280px) {
.custom-container {
    width: auto;
}
    
}