@media only screen and (max-width:1024px){
.wrapper{width:100%}
.issential .slide-part p.small{ padding-right: 50px;}
}


@media only screen and (max-width:1023px){
.wrapper{width:100%}
.bottom-content .box { height: 250px;}

.accomplish, .industry-bytes {padding:0 20px;}
.industry-bytes h2 { font-size:30px}
.industry-bytes .group { margin-bottom: 20px;}
.industry-bytes .group .byte-content, .industry-bytes .group .byte-content1 { padding-right: 20px;}
.social-media p img{width:100%}
.agl-cornerstone h2 { font-size:30px}
.content-part .two-section2 .column2b p { font-size: 14px; line-height: 1.5;}
.content-part h6 { font-size:25px}
.content-part h6 img{width:350px}
.top-content p{ padding: 0 78px;}

.varun-seth { top:39px;width: 227px; right:4px}
.varun-seth .pic img{width:200px}
.varun-seth .des { text-align: center;}
.varun-seth .des strong { margin-top: -10px;}

.issential h4 img{width:340px}
.issential .slide-part p { font-size:25px}

.harsha-punjabi-pic { top:30px}
.graphic2{ top:4px}
.graphic2 img{width:200px;}
.accomplish { padding: 0 15px;}

.accomplishments { margin-top: 0;}
.april-birthday{ margin-bottom: 0;}

.new-in-agl2 .owl-nav{width:408px}
.new-in-agl2 .owl-dots{width:auto}

.ankita-dabas .text1, .together .together-content h3 {font-size: 30px;}
.ankita-dabas .text2 .left-content, .together .together-content p, .last-para .left-content-dev { font-size: 17px;}
.ankita-dabas .text2 .left-content p{padding-right: 0;}
.ankita-dabas .text2 .left-content p img{width:100%; display: block;}

.together .together-content p{ font-size: 20px;}
.together .together-content p br{display: none;}
.text22 .right-pic22{ margin-top: -11px;}
.celebrating { height: 1000px;}

.issential .slide-part h6{font-size: 25px; padding-right: 106px;}
.issential .slide-part p{ padding-right: 20px;}
.issential .slide-part p.small{ padding-right: 92px;}
.issential .owl-nav { bottom: -117px; left:19%}
.issential .owl-dots { bottom: -89px; left:41%}

.harsha-punjabi-pic{ right:0; top:50px}
}


@media only screen and (max-width:767px){
.agl-cornerstone h2 { margin-top: 10px;}
.accomplishments .lower-section .box { height:260px}
.varun-seth{ text-align: center; right:25px}
.varun-seth .pic img { width:136px; display: inline;}
.varun-seth .des{ padding-right: 6px;}
.issential .owl-nav { left:20%}
.issential .owl-dots { left:44%}

.ankita-dabas{ top:-44px}
.accomplishments{height:500px}
.accomplish .owl-nav{bottom:-36px}
.accomplish .owl-dots{bottom: 0;}
.varun-seth{ top:36px}
}


@media only screen and (max-width:700px){
.content-part .two-section2 .column2b p { font-size: 15px;}
.new-in-agl { margin-top: 0;}
.april-birthday .heading img{width:250px}
.top-content p { padding: 0 50px;}

.celebrating{ margin-top: 20px;}
.celebrating .heading-part h4 img{width:90%}

.content-part h6 img { width:300px}
.agl-cornerstone { padding-top: 0;}
.graphic2{ text-align: right; top:-30px}
.graphic2 img{width:80%}

.accomplishments .upper-section h4, .industry-bytes h2, .agl-cornerstone h2 { font-size:35px}
.accomplishments .upper-section h4 img { width:300px}
.accomplishments .upper-section p { padding-right: 38%;}
.accomplishments .lower-section .box { height: 248px;}
.accomplishments .lower-section .box .text-box2, .accomplishments .lower-section .box .text-box2 span {font-size: 13px;}

.ankita-dabas .text2 .right-pic{ margin-top: 130px;}
.ankita-dabas .text2 .right-pic .imgg{ margin-top: 0;}

.cSlider--single.slick-initialized .slick-slide.slick-current img{width:500px; height:500px; }
.cSlider--single.slick-initialized .slick-slide img{height:400px;}
.tab_button li { margin: 0 12px;}
    
.accomplish{ padding: 0;}
.accomplish .owl-nav { width:50%}
.accomplish .owl-dots{ width:auto}

.text22 .left-content22{ width:100%;}
.text22 .right-pic22 { margin-top: 10px;}

.varun-seth { top:11px}

.issential{ height: 410px; padding: 0 10px 100px 10px;}
.issential .slide-part h6{ padding-right: 14px;}
.issential .slide-part p.small{ padding-right: 30px;}
.issential .owl-nav{ bottom: -128px; left:13%}
.issential .owl-dots {bottom: -100px; left:40%}

.harsha-punjabi-pic{text-align: right; top:150px}
.harsha-punjabi-pic img{ width:70%}
}




@media only screen and (max-width:600px){
 
.new-in-agl{ padding: 50px 0 0 0;  background-size: 100%;}
.new-in-agl2 .owl-nav { width:342px}

.top-content { margin-top: 20px;}
.top-content p{ font-size: 15px; line-height: 1.4;}
.top-content h4{ margin-bottom: 5px;}
.bottom-content { padding: 0;}
.bottom-content .box { height: 220px;}
.bottom-content .box .icon-box2 { padding-top: 144px;}
  
.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;}
.agl-cornerstone{ padding: 30px 10px;}

.description:after{right:0; top:-65px}

.together .together-content h3 { font-size: 20px;}
.together .together-content h4 { font-size: 20px; margin-top: 20px;}
.together .together-content h5 { font-size: 20px; margin-top: 20px;}
.together .together-content p span{ font-size: 15px;}


.last-para .right-pic-dev .dess-dev strong { font-size: 20px;}
.last-para .right-pic-dev .dess-dev span { font-size: 13px;}

.celebrating { height: 860px;}   
.celebrating .heading-part h4 img { width:70%;}
.celebrating .heading-part h5 { font-size: 42px;}
.celebrating .heading-part h5 { font-size: 22px;}

.cSlider--single.slick-initialized .slick-slide.slick-current img{width:400px; height:400px; }
.cSlider--single.slick-initialized .slick-slide img{height:300px;}

.slider_box{ padding: 40px 0;}

.accomplishments .upper-section p{ font-size: 17px;}
.accomplish .owl-nav { bottom: -61px; width:280px}  
.accomplish .owl-dots { bottom: -29px;}

.issential{ height: 390px;}
.issential .slide-part p { font-size: 20px;}
.issential .slide-part h6{ font-size: 22px; padding-top: 45px;}
.issential .owl-nav { bottom: -114px; left:-2%}
.issential .owl-dots { bottom: -85px; left:30%}

.content-part h6 img { width:240px}
.content-part .two-section2  .column2b{ display: none;}
.content-part .two-section2  .column2bb { display: block; margin-top: 10px;}
.content-part .two-section2 .column2bb p{ padding: 8px 0; font-size: 14px;}


.ankita-dabas { top:-30px; padding: 15px;}
.ankita-dabas .text1{ font-size: 20px;}
.ankita-dabas .text2 .left-content{ padding-right: 0; font-size: 15px;}
.ankita-dabas .text2 .left-content p{ font-size: 15px; line-height: 1.4; margin-bottom: 10px;}
.ankita-dabas .text2 .right-pic .dess strong { font-size: 20px;}
.ankita-dabas .text2 .right-pic .dess span { font-size: 13px;}
.ankita-dabas .text2 .left-content, .together .together-content p, .last-para .left-content-dev{ font-size: 15px;}

.varun-seth { top:41px}
.varun-seth .pic{ text-align: center;}

.harsha-punjabi-pic { text-align: right; top:127px}
.harsha-punjabi-pic img{width:57%}
      
}



@media only screen and (max-width:500px){
.get-our-clients { padding: 10px 10px 0 10px;}
.column2{padding: 0 10px;}
 
.top-content h2 { font-size:20px}
.top-content p { font-size: 14px; line-height: 1.3;}
.top-content .logo2 img{width: 200px;}
.top-content h4{font-size:18px}

.bottom-content .box .icon-box2 { padding-top: 54px;}
.bottom-content li .box .text-box2{font-size:15px; padding-top:54px}
.bottom-content li .box .text-box2 span{font-size:12px}
    

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

.industry-bytes .group{ margin-bottom: 5px;}
.industry-bytes .group .byte-img, .industry-bytes .group .byte-img1 { width:100%;}
.industry-bytes .group .byte-content, .industry-bytes .group .byte-content1{width:100%}
.industry-bytes .group .byte-content p, .industry-bytes .group .byte-content1 p { font-size:14px; line-height: 1.3;}
.industry-bytes .group .byte-content h4, .industry-bytes .group .byte-content1 h4{ margin-top: 10px;}

.april-birthday { margin-top: 0;}
.april-birthday .heading img{width:60%}

.agl-cornerstone { margin: 0 1%; width: 98%;}
.agl-cornerstone h2 { margin-bottom: 100px; text-align: center;}
.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;}
 
.new-in-agl { padding: 20px 0 0 0;}

.accomplishments .lower-section .box { height: 200px;}
.accomplishments .upper-section{ height: 100px;}
.accomplishments .upper-section h4{ margin-top: 15px;}
.accomplishments .upper-section .right-content p{font-size:13px}
.accomplishments .upper-section .right-content h4{font-size:25px}

.two-section .column2b, .two-section .column2b:last-child {width:100%; float: left;}
.content-part h6 { font-size: 20px;}
.content-part .two-section2 .column2b, .content-part .two-section2 .column2b:last-child {width:100%; float: left;}

.last-para .left-content-dev{ width:100%; padding-right: 0;}
.last-para .right-pic-dev { width:100%; margin-top: 10px;}
.last-para .right-pic-dev .imgg-dev { text-align: center;}
.last-para .right-pic-dev .dess-dev{ text-align: center;}
   

.description:before { margin-top:-20px; left:22px}

.content-part{ padding: 40px 10px 20px 10px; border-radius: 0;}
.content-part h6{ margin-top: 27px;}


.border{ left:auto; right: 0; width:calc(100% - 280px); bottom: 19px;}

img.mob{display: block!important;}
img.desk{display: none!important;}

.new-in-agl2 .owl-nav{ display: none;}
.bottom-content .box .icon-box2{ padding-top: 156px;}

.last-para{ margin-top: 0;}
.last-para .right-pic-dev .imgg-dev{ float:left; width:auto; text-align: left;}
.last-para .right-pic-dev .imgg-dev img{width:100px}
.last-para .right-pic-dev .dess-dev{ float:left; width:auto; text-align: left; margin-top: 80px; margin-left: 10px;}
.last-para .left-content-dev{ margin-top: 15px;}
.top-content p { display: none;}

.together { margin-top: 20px;}
   
.cSlider--single.slick-initialized .slick-slide.slick-current img { width:280px; height: 280px;}
.cSlider--single.slick-initialized .slick-slide img{height:220px;}

.slick-prev{ width:80px!important; height: 80px!important; background-size: 100%!important;}
.slick-next{ width:80px!important; height: 80px!important; background-size: 100%!important;}
.slick-content .text4{ font-size: 14px;}
.slick-content .text3 { font-size: 17px; margin-top: 13px;}
.vector1{ top:-24px}
.vector1 img{width: 70%;}
   

.issential{ height: 330px;}
.issential h4{ padding: 10px;}
.issential h4 img{ width:280px}
.issential .slide-part{ padding: 0 10px;}
.issential .slide-part h6{ font-size: 20px;}
.issential .slide-part p.small{ font-size: 15px!important;}
.issential .slide-part p{  text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}
.issential .owl-nav{ width:423px}
.issential .owl-dots { width:270px}

.ankita-dabas{ top:-16px}
.ankita-dabas .text1{ padding-right: 0; font-size: 16px;}
.ankita-dabas .text2 .left-content{width:100%}
.ankita-dabas .text2 .left-content p{ font-size: 14px;}
.ankita-dabas .text2 .right-pic { float: left; width:100%; margin-top: 10px;}
.ankita-dabas .text2 .right-pic .dess { width:auto; float:left; text-align: left; margin-top: 31px; margin-left: 20px; }
.ankita-dabas .text2 .right-pic .dess strong { font-size: 20px;}
.ankita-dabas .text2 .right-pic .dess span { font-size: 13px;}
.ankita-dabas .text2 .right-pic .imgg {float:left; width: auto; text-align: left;}
.ankita-dabas .text2 .right-pic .imgg img{width:80px}

.harsha-punjabi-pic{top:87px}

.varun-seth { width:200px; top:113px; right: 5px; }
.varun-seth .pic{ text-align: center;}
.varun-seth .des { width:100%; padding-left: 0; text-align: center;}
.varun-seth .des strong{font-size: 20px;}

.social-media{ margin-top: 20px;}
.social-media p{font-size:13px}
.social-media p img{width:100%}
.social-media ul{ margin-top: 15px; margin-bottom: 8px;}
.social-media li { margin: 0 2px;}
.graphic2{ top:15px}
.graphic2 img{ width:38%}
.celebrating { height: 650px;}
.accomplish .owl-nav { bottom: -114px;}
.accomplish .owl-dots { bottom: -90px;}

.industry-bytes .group .byte-content div, .industry-bytes .group .byte-content1 div { height: auto;}


}

@media only screen and (max-width:414px){
.text22{ padding-bottom: 10px;}
.text22 .right-pic22 { margin-top: 10px;}
.text22 .left-content22 p{ margin-top: 0; padding-right: 0;}

.top-content { margin-top: 72px;}
.top-content h4{ margin-bottom:8px}
.bottom-content{ height: 220px;}
.bottom-content .box { height: 250px;}

.box-content h5 { font-size:17px}

.april-birthday .heading img{width:80%}

.description{ padding-left: 58px; padding-right: 112px;}
.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;}
.bottom-content .box { height: 288px;}

.together .together-content p { font-size: 16px;}
.together .together-content p span{ font-size: 14px;}



.get-our-clients { padding: 0 10px 0 10px;}

.content-part .two-section2 .column2b p{ padding: 5px; line-height: 1.3;}

.industry-bytes .group .byte-content1 div, .industry-bytes .group .byte-content div{ height: auto; display: block;}
.industry-bytes .group .byte-content{ padding-left: 0;}
.industry-bytes .group .byte-content, .industry-bytes .group .byte-content1 { padding-right: 0;}
.industry-bytes .group .byte-content h4, .industry-bytes .group .byte-content1 h4{ font-size:17px}

.new-in-agl { margin-top: 20px; padding: 20px 0; background-size: 180%;}
.new-in-agl2 { padding: 0 20px 0 20px;}
.new-in-agl2 .owl-nav{ top:auto; bottom: -20px; width:134px; left:0; right: 0; margin: 0 auto;}
.new-in-agl2 .owl-dots{ bottom: 20px;}

.celebrating{ margin-bottom: 25px; height: auto;}
.celebrating .heading-part{ padding-top: 18px;}
.celebrating .heading-part h4 img{ width:80%}
.celebrating .heading-part h5 { padding: 0 10px;}

.slider_box { padding: 5px 0;}
.slick-content{ padding: 0 2%; text-align: left; margin-top: 25px;}

.graphic2{ display: none;}

.accomplish{ padding: 0;}
.accomplish .owl-nav{ display: none;}
.accomplish .owl-dots { bottom: -12px;}

.accomplishments { height: auto; padding-bottom: 5px; padding-left: 1%; padding-right: 1%;}
.accomplishments .upper-section h4, .industry-bytes h2, .agl-cornerstone h2 { font-size:25px}
.accomplishments .upper-section h4 { text-align: center;}
.accomplishments .upper-section p{ margin-top: -15px; text-align: center; padding: 0 10px;}
.accomplishments .lower-section{ padding: 17px 0 40px 0;}
.accomplishments .lower-section .box{ background-position:left 55px}
.accomplishments .lower-section .box .icon-box2{padding-top: 76px; margin-top: -74px;}
.accomplishments .lower-section .box .icon-box2 img { width:100px}
.accomplishments .lower-section .box .text-box2, .accomplishments .lower-section .box .text-box2 span{font-size:13px}
.accomplishments .lower-section .box .text-box2{font-size:15px}

.issential .slide-part h6{ font-size: 20px;}
.issential h4 { padding: 5px 0px; margin-top: 20px;}
.issential h4 img{ width:290px}
.issential .slide-part { padding: 0 20px 0 5px;}
.issential .slide-part p.small { font-size: 12px!important;}
.issential .owl-nav{ bottom: -100px; left:0; width:360px}
.issential .owl-dots{ bottom: -70px;}
.issential .owl-dots .owl-dot { margin-right: 5px;}
.issential .owl-dots { left:23%}
.issential .slide-part h6 { font-size: 21px;}




.content-part .two-section2 p { font-size: 14px; line-height: 1.6;}
.content-part .two-section2 .column2b:nth-child(2) p:first-child { margin-top: 0;}

.varun-seth { top:102px; right: 90px;}
.harsha-punjabi-pic{top:105px; right:10px}
.harsha-punjabi-pic img{ width:47%}
.ankita-dabas .text2 .left-content p{ margin-bottom: 12px; line-height: 1.5;}
.ankita-dabas .text2 .left-content p i{font-size: 15px;}

.play-button { bottom: 4px;}

.content-part { padding: 103px 10px 20px 10px;}
.content-part .two-section2 .column2bb { margin-top: 0; padding: 5px 0;}
.content-part .two-section2 .column2bb p{ line-height: 1.4;}
.new-in-agl2 .owl-dots{ bottom: 53px;}


}


@media only screen and (max-width:400px){
.industry-bytes h2{ margin-bottom:10px}
.social-media p{margin-bottom:0}
.social-media p span{display:block}
.new-in-agl2 .owl-dots{bottom:61px}

.description { padding-left: 0;}
.description:before{top:-25px}
.description:before { top:16px}

.agl-cornerstone{ padding: 20px 10px 10px 10px;}
.agl-cornerstone h4{ margin-bottom: 30px;}

.accomplishments .lower-section .box{ background-position:left 73px}
.varun-seth { top:91px}
.issential .owl-nav{ bottom: -98px; left:-9%}
.april-birthday .box-march .box-march-text{ font-size: 11px;}
.issential .owl-dots{ left:17%}
.issential .slide-part h6 { font-size: 17px;}

}


@media only screen and (max-width:360px){
.ankita-dabas .text2 .right-pic .dess strong{ font-size: 20px;}
.ankita-dabas .text2 .right-pic .dess span { font-size: 14px;}
.issential{ height: 300px;}
.issential h4{ padding-top: 0; margin-top: 0;}
.issential h4 img { width:32px}
.issential .owl-nav{ width:340px; bottom: -130px;}
.issential .owl-dots{ width:193px; left:31%}
.issential .owl-dots .owl-dot { margin-right: 3px;}
.issential .owl-dots { bottom: -99px;}
}