@media only screen and (max-width:1023px){
    .wrapper{width:100%}
    .bottom-content .box { height: 318px;}
    .look .owl-nav { margin: 20px auto 0 auto;}
    .accomplish-icon img{width:80%}
    .accomplish, .industry-bytes {padding:0 20px;}
    .industry-bytes .group .byte-content, .industry-bytes .group .byte-content1 { padding-right: 20px;}
    .industry-bytes .group { margin-bottom: 20px;}

    .issential h4{font-size:40px}
    .issential .slide-part p { font-size:25px}
   
    
    .accomplish{ padding: 0 105px;}
    .ceo-message .text2 { font-size:30px}
    .ceo-message .text2 br{ display: none;}
    .ceo-message .text3 { font-size:21px}
    .ceo-message .boxes li .box-new .textt{ font-size:14px}

    .ceo-message .boxes li .box-new .textt:before, .ceo-message .boxes li:nth-child(2) .box-new .textt:before, .ceo-message .boxes li:nth-child(3) .box-new .textt:before { font-size:30px}
    .ceo-message .pointers .heading { font-size:20px}
    .ceo-message .pointers .para {font-size:15px}
    .ceo-message .pointers .heading { margin-top: 10px;}
    
    .ceo-message .ceo .left .heading { font-size:20px; }
    .ceo-message .ceo .left .heading br{display:none}
    .ceo-message .ceo .left .para{ font-size:15px}
    .ceo-message .ceo .left .para br{display:none}
    .ceo-message .ceo .rakesh-sir-pic { font-size:20px}
    .ceo-message .ceo .rakesh-sir-pic span { display: block; margin-top: 5px; padding-left: 81px;}

    .introducing { margin-top: 50px;}
    .introducing .introducing-inner h3:after {right:60px}
    .introducing .introducing-inner h3 {font-size:30px}
    .introducing .introducing-inner h4 img{width:400px}
    .vector-bottom-right img{width:150px}
    .vector-bottom-left img{width:70px}
    .introducing .introducing-inner .fill a { font-size:20px}
    .bottom-content .box { height: 250px;}
    .accomplishments { margin-top: 30px;}

    .industry-bytes h2 { font-size:30px}
    
    .abhinav-nayar h3{ font-size:25px}
    .abhinav-nayar .content-part .left-content h5{ font-size:18px}
    .abhinav-nayar .content-part .left-content li{ font-size:15px}
    .abhinav-nayar .content-part .left-content h6{ font-size:16px}
    .social-media p img{width:100%}

    .ceo-message .pointers .heading br{display:none}
    .agl-cornerstone h2 { font-size:30px}
    .content-part h6 { font-size:25px}



}


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

    .agl-cornerstone h2 { margin-top: 10px;}
    .accomplishments .lower-section .box { height:260px}
    .introducing{ padding: 0;}


}

@media only screen and (max-width:700px){
    .two-section .column2b p, .content-part .two-section2 .column2b p { font-size: 15px;}
    .look-at-me h3 { font-size:20px}
    .box-content .content-section h6 { font-size:18px}
    .new-in-agl { margin-top: 0;}
    .accomplish-icon { left:10px}

    .accomplishments .upper-section h4, .industry-bytes h2, .agl-cornerstone h2 { font-size:35px}
    .top-content p { padding: 0 50px;}
    .accomplishments .lower-section .box .text-box2, .accomplishments .lower-section .box .text-box2 span {font-size: 13px;}

    .accomplish { padding: 0 75px;}
    .accomplish .owl-nav { width:94%; left: 3%;}
    .accomplishments .lower-section .box { height: 248px;}
    .april-birthday .heading img{width:250px}
    .issential{ padding: 0 10px 100px 10px;}
    .harsha-punjabi-pic{text-align: right;}
    .harsha-punjabi-pic img{width:60%;}
    .issential{ height: 327px;}
    .issential .owl-nav { bottom: -112px;}
 


}

@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;}
    .harsha-punjabi-pic { text-align: right;}

    .harsha-punjabi-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: 200px;}
    .top-content h4{font-size:18px}
    .new-in-agl{ padding: 75px 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}

    .april-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;}

    .issential .owl-nav { bottom: -200px;}
    .harsha-punjabi-pic { right:20px}




}

@media only screen and (max-width:414px){
.top-content h4{ margin-bottom:8px}
.box-content h5 { font-size:17px}
.april-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;}

.back-to-office h4{ font-size:35px}
.bottom-content .box .icon-box2{ padding-top: 10px;}
.harsha-punjabi-pic img { width:60%}

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


.slider-counter{ margin-top: 0;}
.spark-a-conversation .left-part::before{ top:-6px}
.spark-a-conversation .left-part{ padding-top: 30px;}

.issential h4{padding: 10px 0; 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;}

.new-in-agl { margin-top: 20px;}
.bottom-content .box { height: 288px;}
.accomplishments .lower-section .box .icon-box2 { margin-top: -74px; padding-top: 58px;}

.industry-bytes .group .byte-img, .industry-bytes .group .byte-img1 { width:100%;}
.industry-bytes .group .byte-content, .industry-bytes .group .byte-content1{width:100%}
.two-section .column2b, .two-section .column2b:last-child {width:100%; float: left;}
.accomplish-icon{left:0}
.accomplish-icon img { width:50%}
.accomplishments .upper-section h4, .industry-bytes h2, .agl-cornerstone h2 { font-size:25px}



.industry-bytes .group { margin-bottom: 5px;}
.content-part h6 { font-size: 20px;}
.content-part .two-section2 .column2b, .content-part .two-section2 .column2b:last-child {width:100%; float: left;}

.harsha-punjabi-pic img { width:49%}
.description{ padding-right: 112px;}
.bottom-content .box .icon-box2 { padding-top: 46px;}
.new-in-agl2 { padding: 50px 20px 0 20px;}
.accomplishments .lower-section .box .icon-box2 { padding-top: 80px;}
.accomplishments .lower-section .box{ background-position:left 55px}
.accomplishments .lower-section .box .text-box2, .accomplishments .lower-section .box .text-box2 span{font-size:11px}

.issential {height: 287px;}
.issential h4 { font-size:24px}
.issential .slide-part { padding: 0}
.essential .owl-nav{ left:45%; bottom: -210px;}

.issential .slide-part h6 { font-size:14px}
.issential .slide-part p.small { font-size:12px!important}
.issential .slide-part p img { width:90px}


.ceo-message .text2 { font-size:20px}
.header{ padding: 0;}
.ceo-message .text3 { font-size:17px; margin-top:20px}
.ceo-message .boxes li .box-new .textt { font-size:13px}
.ceo-message .ceo .left{ width:100%; float:left}
.ceo-message .ceo .left .heading{ line-height: 1.3; margin-top: 20px;}
.ceo-message .ceo .rakesh-sir-pic { width:100%; margin-top:20px}
.ceo-message .ceo .rakesh-sir-pic span { padding-left: 0; text-align: center;}
.introducing .introducing-inner h3:before, .introducing .introducing-inner h3:after { display: none;}
.introducing .introducing-inner h4 img { width:300px}
.vector-bottom-left { display:none}
.vector-bottom-right img { width:100px}
.new-in-agl { padding: 20px 0;}
.bottom-content .box { height: 250px;}
.accomplishments .lower-section .box .text-box2, .accomplishments .lower-section .box .text-box2 span {font-size:20px}
.abhinav-nayar { padding: 10px;}
.abhinav-nayar .content-part .left-content { width:100%}
.abhinav-nayar .content-part .right-content { width:100%}
.description:before { left:0; top:60px}
.ceo-message .pointers { margin-top:20px}

.ceo-message .pointers .heading { font-size:17px; line-height: 1.3;}
.ceo-message .pointers .para { font-size:!4px; line-height: 1.3;}

.ceo-message .text5 p { font-size:14px}
.ceo-message .boxes li .box-new .textt { padding-right: 10px;}

.header { padding: 10px;}
.content-part { margin-top: 30px;}

.harsha-punjabi-pic .content { padding-left: 100px};





}

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

.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%}
.harsha-punjabi-pic img{width:45%}

.spark-a-conversation .left-part{font-size:23px}
.description:before { top:41px}
.accomplish-icon { display: none;}

.accomplishments .lower-section .box .icon-box2{ padding-top: 110px;}


}