@media only screen and (max-width:736px){
    .wrapper{width:100%}
}

@media only screen and (max-width:700px){
    .founder-n-ceo h4{font-size:19px}
    .bottom-content .box .icon-box2{padding-top: 30px;}
    .agl-cornerstone .content-section{background-size:100%}
    .agl-cornerstone .content-section .description-heading{ padding: 78px 0 0 150px;}
    .agl-cornerstone .content-section .description-content{line-height: 1.5;}
    .bottom-content .box .text-box2{font-size:17px}
    .bottom-content .box .text-box2 span{font-size:13px}
}

@media only screen and (max-width:600px){
    .ceo-message{ padding: 20px 38% 0 20px;}
    .ceo-message h3{font-size:24px}
    .ceo-message h4 { margin-bottom: 15px;}
    .ceo-vector img{width:80%}
    .ceo-vector{text-align: right;}
    .new-in-agl{ padding: 50px 0 54px 0;}
    .clients-vector img{width:70%}
    .get-our-clients{ padding: 42px 20px 0 45%;}
    .founder-n-ceo h4{font-size:16px}
    .bottom-content .box .icon-box2 { padding-top: 69px;}
    .bottom-content { padding: 0;}


  
   
    .our-efforts-rewarded li { width:49%; margin-bottom: 20px; }
    .our-efforts-rewarded { background-size:cover; height: auto;}
    .agl-cornerstone .content-section .description-content{ line-height: 1.4; padding: 20px 14px 0 47px;}
    .agl-cornerstone .content-section .description-heading{ padding: 97px 0 0 125px;}
    .our-efforts-rewarded li:nth-child(2n){margin-right: 0;}
    .agl-cornerstone{ padding: 30px 10px;}

}

@media only screen and (max-width:500px){
    .ceo-message, .get-our-clients { padding: 10px 10px 0 10px;}
    .ceo-message p, .get-our-clients p { font-size:14px}
    .ceo-message h4, .ceo-message p { margin-bottom: 10px;}
    .ceo-vector img, .clients-vector img{width:50%}


    .from-ceo-desk,.get-our-clients, .founder-n-ceo{ background-size: cover; height: auto;}
    .ceo-vector, .clients-vector{position:static; text-align: center;}

    
    .founder-n-ceo h4{font-size:20px}
    .bottom-content li .box .icon-box2{padding-top:54px}
    .social-media p img{width:100%}

    .founder-n-ceo h4{ font-size:17px}
    .founder-n-ceo h5 { font-size:15px}
    .rakesh-sir-vector .text-section{font-size:17px}
    .rakesh-sir-vector .text-section span{font-size:12px}

    .founder-n-ceo h4 br{display:none}
    .founder-n-ceo .button img{width:200px}
    .top-content h2 { font-size:20px}
    .top-content .logo2 img{width: 100px;}
    .top-content h4{font-size:18px}
    .new-in-agl{ padding: 25px 0 50px 0;}
    .bottom-content li .box .text-box2{font-size:15px}
    .bottom-content li .box .text-box2 span{font-size:12px}
    .accomplishments .upper-section .right-content h4{font-size:25px}
    .accomplishments .upper-section .right-content p{font-size:13px}
    .five-year .fifth-anniversary img{width:60%}
    .five-year{height:auto; margin-top: 0;}
    .industry-bytes{ margin-top:20px; padding: 0 10px;}
    .industry-bytes h2{font-size:25px}
    .industry-bytes .byte .byte-img h4{font: size 16px; margin-bottom:8px}
    .industry-bytes .byte .byte-img p { font-size:14px}
    .industry-bytes .byte .byte-img p span{margin-top:10px;}

    .our-efforts-rewarded h4 {font-size:25px}
    .our-efforts-rewarded h5 { font-size:15px}

    .january-birthday .heading img{width:60%}
    .agl-cornerstone h4 { font-size:25px}
   
    .agl-cornerstone .content-section .description-heading { padding: 47px 0 0 105px;}

    .agl-cornerstone .content-section .description-content{font-size:13px; padding: 8px 14px 0 27px;}

    .agl-cornerstone .content-section{height: 327px;}
    .agl-cornerstone .content-section:after{background-size:100%; width:90px; height: 103px;}
    .social-media ul{ margin-top: 15px; margin-bottom: 8px;}
    .social-media p{font-size:13px}
    .social-media li { margin: 0 2px;}

}

@media only screen and (max-width:414px){

    .rakesh-sir-vector{right:10px}
    .top-content h4{ margin-bottom:8px}
    .bottom-content .box .icon-box2 { padding-top: 44px;}
    .bottom-content .box .text-box2 { font-size:14px}
 
    .top-content p { padding: 0 20px 0 20px;}
    .five-year li {float:left; width:50%; }
    .agl-cornerstone .content-section { background-image: none; height: auto; background-color:#0495df}
    .agl-cornerstone .content-section .description-content{ padding: 10px 0 10px 0px; font-size:14px; line-height: 1.5;}
    .agl-cornerstone h4{text-align: center; margin-bottom: 15px;}
    .agl-cornerstone .content-section:after{ left:0; right:0; margin:0 auto; top:15px}
    .agl-cornerstone .content-section .description-heading { padding: 100px 0 0 0; text-align: center;}
    .bottom-content .box{height:200px}
}

@media only screen and (max-width:400px){
    .header { padding: 10px;}
    .founder-n-ceo{ padding: 20px 42% 0 10px;}
    .founder-n-ceo .button img { width:187px}
   
    
    .top-content p { padding: 0 20px 20px 20px;}
    .new-in-agl { padding: 25px 0 0 0;}
    .industry-bytes h2{ margin-bottom:10px}
    .agl-cornerstone { padding: 30px 10px 10px 10px;}
    .social-media p{margin-bottom:0}

    .social-media p span{display:block}
    .founder-n-ceo { padding: 20px 0 0 10px;}
    .rakesh-sir-vector { position: static; width:100%}
    .accomplishments .upper-section .left-icon{width:140px}

    .bottom-content .box .icon-box2{ padding-top: 12px;}
    .new-in-agl2 .owl-dots{bottom:25px}


}