@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}
    .ceo-message h3 { font-size:40px; margin-bottom: 15px;}
    .two-section .column2b .yellow-border{font-size:16px;}
    .two-section .column2b .yellow-bg{font-size:23px}
    .spark-a-conversation .left-part { font-size:40px}
    .issential h4{font-size:40px}
    .issential .slide-part p { font-size:25px}
    .rakesh-sir-pic { right:0}
    .agl-cornerstone { padding: 30px 20px;}

}

@media only screen and (max-width:600px){
   
    .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;}
    .rakesh-sir-pic { text-align: right;}

    .rakesh-sir-pic img{width:70%}
    .description:after{right:0; top:-65px}

}

@media only screen and (max-width:500px){
    .ceo-message, .get-our-clients { padding: 10px 10px 0 10px;}
    .column2{padding: 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;}

    .look-at-me{ padding: 0 10px;}
    .spark-a-conversation .left-part { font-size:27px; padding-top: 68px;}
    .spark-a-conversation .right-part { width:45%}
    .bottom-content .box .icon-box2 { padding-top: 54px;}
    
    .issential{ padding: 0 10px; height: 354px;}
    .issential .slide-part h6 { font-size:24px}
    .issential .slide-part p{ font-size:20px}
    .back-to-office{ margin-top: 0; height: auto;}

    .spark-a-conversation .right-part { width:100%; margin-top: 30px;}

}

@media only screen and (max-width:414px){
    .top-content h4{ margin-bottom:8px}
   
    .column2{ margin-top: 0;}
        .ceo-message, .get-our-clients { padding: 0 10px 0 10px;}
        .two-section{ padding: 0 10px; margin-top: 10px;}

        
        .box-content h5 { font-size:17px}
        .february-birthday .heading img{width:80%}
        .description{ padding-left: 58px;}
        .description:before{ background-size: 100%; width:46px; top:13px}
        .description:after{ background-size: 100%; width:90px; top:-27px}
        .agl-cornerstone h4{ margin-bottom: 20px;}
        .content-part p{ font-size:14px; line-height: 1.4;}
        .issential h4{padding: 10px 0; font-size:35px}
        .back-to-office h4{ font-size:35px}
        .bottom-content .box .icon-box2{ padding-top: 10px;}
        
        .rakesh-sir-pic img { width:60%}

        .spark-a-conversation .left-part{width:100%}

        .essential .owl-nav{ bottom: -19px;}
        .slider-counter{ margin-top: 0;}
        .spark-a-conversation .left-part::before{ top:-6px}
.spark-a-conversation .left-part{ padding-top: 30px;}
.issential h4{ font-size:30px}
.issential .slide-part h6 { font-size:18px; padding-top: 48px;}
.issential .slide-part p { font-size:17px}
.look-at-me { margin-top: 30px;}



}

@media only screen and (max-width:400px){
.header { padding: 10px;}
.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;}
.accomplishments .upper-section .left-icon{width:140px}
.new-in-agl2 .owl-dots{bottom:25px}


.description { padding-left: 0;}
.agl-cornerstone{ padding: 20px 10px 10px 10px;}
.agl-cornerstone h4{ margin-bottom: 30px;}
.description:before{top:-25px}
.issential .slide-part{width:75%}
.rakesh-sir-pic img{width:45%}

.spark-a-conversation .left-part{font-size:23px}

.essential .owl-nav{ bottom: -19px;}
.slider-counter{ margin-top: 0;}

}