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

}


@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:17px; width: 229px; 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}

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

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


.text22 .right-pic22{ margin-top: -11px;}


.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: -200px; left:19%}
.issential .owl-dots { bottom: -170px; left:41%}

.sushant-pic{ right:0; top:50px}
.new-in-agl2 .owl-nav {width:555px}

.content-part .two-section2 p { padding: 8px 6px;}
.varun-seth {top:107px}
.varun-seth .pic img { width:150px}
.agl-cornerstone h2 { margin-bottom: 48px;}
.technology h3{ font-size: 30px;}

.why-sitecore .nirbhay-kumar .left-content { width:100%}
.why-sitecore .nirbhay-kumar .right-pic { width:auto}
.why-sitecore .nirbhay-kumar .right-pic .dess{ right:0}
.technology .neeraj-garg .left-content p { padding-right: 0;}
.why-sitecore .nirbhay-kumar { padding-bottom: 10px;}


.why-sitecore .nirbhay-kumar .right-pic .imgg { text-align: right; margin-left: -30px;}
.why-sitecore .nirbhay-kumar .right-pic { margin-top: 22px;}

}


@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%}

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

.video-icon { bottom: 30px; left:10px}
.video-icon img{width:50%!important}


.issential .owl-nav { bottom: -170px;}
.issential .owl-dots{ bottom: -140px;}

.varun-seth {top:70px}


}


@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:60%}
.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: 30px;}
.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;}

.technology .text2 .right-pic{ margin-top: 130px;}
.technology .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:108px}

.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: -200px; left:13%}
.issential .owl-dots {bottom: -170px; left:40%}

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

.technology{width:96%; margin: 0 2%;}
.technology li{ width:270px; margin-right:10px}
.celebrating .heading-part h4 img { width:50%}
.celebrating .heading-part p{ padding: 0 15px;}
.celebrating .heading-part p br{ display:none; }


}




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

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

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



.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: -150px; left:-2%}
.issential .owl-dots { bottom: -120px; 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;}


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

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

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

.technology li { width:49%; margin:0 0.5% 5px 0.5%}
.technology li .box222 .text222 { font-size: 14px;}
.technology .neeraj-garg .left-content { width:100%}
.technology .neeraj-garg .right-pic{ margin-top: 0;}
.technology .neeraj-garg .left-content p{ padding-right: 10px;}

.celebrating .heading-part p {font-size: 20px;}


.issential .owl-nav{ bottom: -200px; left:0}
.issential .owl-dots {bottom: -170px; left:32%} 
}



@media only screen and (max-width:500px){
.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;}

.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: 140px;}
.top-content p { display: none;}



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



.sushant-pic{top:87px}

.varun-seth { width:200px; top:117px; 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%}

.accomplish .owl-nav { bottom: -114px;}
.accomplish .owl-dots { bottom: -90px;}

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

.technology h3{font-size:20px}
.technology .para p { font-size: 14px; margin-bottom: 10px;}
.technology .neeraj-garg .left-content p{ font-size: 14px;}
.new-in-agl2 .owl-dots{ display: none;}
.new-in-agl2 .owl-nav{ display: block; width:180px; bottom: -100px;}
.top-content h4 { margin-top:10px; padding: 0 10px;}

.celebrating .heading-part li .text-box { font-size: 14px;}
.celebrating .heading-part li .text-box span{ font-size: 14px;}

.content-part .two-section2 p { font-size: 14px;}
.why-sitecore { padding: 30px 10px 0 10px;}
.why-sitecore .nirbhay-kumar .left-content ul { width:100%; margin-top: 0;}
.why-sitecore .nirbhay-kumar { margin-bottom: 10px;}

.varun-seth {top:160px}




}

@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: 62px;}
.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: 258px;}




.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:-111px; left:0; width:360px}
.issential .owl-dots{ bottom: -78px;}
.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:98px; right: 90px;}
.sushant-pic{top:105px; right:10px}
.sushant-pic img{ width:50%}
.technology .text2 .left-content p{ margin-bottom: 12px; line-height: 1.5;}
.technology .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;}
 
.technology .para p { padding-right: 0;}
.technology li { width:100%; margin: 0 0 5px 0;}
.technology li .box222 .text222 { font-size: 15px;}
.new-in-agl2 .owl-nav { width:194px}
.bottom-content{ height: auto; margin-bottom: 30px;}

.celebrating .heading-part li{ width:100%}
.celebrating .heading-part li .img-box img{ width:100%}
.content-part h6 { margin-top: 45px;}
.content-part .two-section2 p { padding: 0; margin-bottom: 15px;}


.technology .para p{ line-height: 1.5;}

.content-part h6 { font-size: 18px;}

.why-sitecore .nirbhay-kumar .right-pic .imgg{ margin-left: 0;}
.accomplishments .lower-section .box .text-box2{ margin-top: 0;}
.why-sitecore .nirbhay-kumar .right-pic { margin-bottom: -70px;}
.agl-cornerstone h2 { margin-bottom: 50px;}
.why-sitecore h2 { font-size: 25px; margin-bottom: 10px;}
.why-sitecore .nirbhay-kumar .left-content p{ padding-right: 10px;}
.why-sitecore{ padding: 15px 10px 0 10px;}
.accomplishments .lower-section .box .text-box2 span{ padding: 0 10px;}
.sushant-pic { top:144px}
.issential .slide-part p { font-size: 18px;}




}


@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:87px}

.april-birthday .box-march .box-march-text{ font-size: 11px;}
.issential .owl-dots{ left:16%}
.issential .slide-part h6 { font-size: 17px;}
.issential .owl-nav{ bottom: -125px; left:-9%}
.issential .owl-dots{ bottom: -100px;}
.why-sitecore .nirbhay-kumar .right-pic .imgg{  text-align: center; margin-left: 10px;}
.issential .slide-part p { font-size: 18px;}


}


@media only screen and (max-width:360px){
.technology .text2 .right-pic .dess strong{ font-size: 20px;}
.technology .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;}
}