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


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

    .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;}
    .accomplish{ padding: 0 105px;}
    .bottom-content .box { height: 250px;}
    .accomplishments { margin-top: 30px;}
    .industry-bytes h2 { font-size:30px}
    .social-media p img{width:100%}
  
    .agl-cornerstone h2 { font-size:30px}
    .content-part h6 { font-size:25px}

    
    .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;}
   
    .top-content p{ padding: 0 78px;}
    .content-part h6 img{width:350px}

    .varun-seth { top:32px; right:4px}

    .varun-seth .pic img{width:200px}
    .content-part .two-section2 .column2b p { font-size: 14px; line-height: 1.5;}
    .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;}

    .issential .owl-nav{left:19%}
    .issential .owl-dots{left:41%}

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

    .celebrating{ height: 1055px;}
    .issential .slide-part p{ padding-right: 20px;}
    .issential .owl-nav{ bottom: -165px;}
    .issential .owl-dots{ bottom: -137px;}
    .calendarTable h3 img{width:140px}
}


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




    .calendarTable table{
        table-layout: fixed;
      }
      
    
      .calendarTable table tr{flex: 10 0 auto;}
      
      .calendarTable table td{font-size: 12px; width: auto; text-align: center; position: relative;}
      .calendarTable table th{font-size: 13px; width: auto; text-align: center;}
      .calendarTable table th strong{display: none;}
      .calendarTable table th span{display: block;}
      
      .calendarTable table td strong{display: none;}
      .calendarTable table td.active strong{display: block; position: absolute;background: #fff;padding: 10px;left: 0;z-index: 9;top: 102%; color: #000; white-space: nowrap;}
      .calendarTable table td strong:after {content: " ";position: absolute;left: 17px;top: -5px;border-top: none;
        border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 5px solid #fff;}
        .calendarTable table tr td:last-child.active strong{right: 0; left: unset;}
        .calendarTable table tr td:last-child strong:after{right: 20px; left: unset;}
      
      .calendarTable table td span{font-size: 16px;}
      .calendarTable table th, .calendarTable table td{padding: 8px;}




}

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


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

 

    .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; left:13%}

    .celebrating .heading-part h4 img{width:90%}
    .content-part h6 img { width:300px}
    .issential .owl-dots { bottom: -80px;}
    .harsha-punjabi-pic img{ width:70%}
    .issential .owl-dots { left:40%}
    .agl-cornerstone { padding-top: 0;}

    .graphic2{ text-align: right; top:-30px}
    .graphic2 img{width:80%}

    .accomplishments .upper-section h4 img { width:300px}
    .accomplishments .upper-section p { padding-right: 38%;}
    .varun-seth { top:7px}

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

    .celebrating{ margin-top: 20px;}

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

    .issential .owl-nav { bottom:-66px;}
    .issential .owl-dots{ bottom: -36px;}

    .text22 .left-content22{ width:100%;}
    .ankita-dabas .text2 .right-pic .imgg{ margin-top: 0;}

}

@media only screen and (max-width:600px){
 
    .new-in-agl{ padding: 50px 0 54px 0;}
     .bottom-content .box .icon-box2 { padding-top: 69px;}
    .bottom-content { padding: 0;}
    .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}
    .harsha-punjabi-pic { text-align: right;}
    .harsha-punjabi-pic img{width:70%}

    .ankita-dabas { top:-75px; padding: 15px;}
    .ankita-dabas .text1{ font-size: 20px;}
    .ankita-dabas .text2 .left-content{ padding-right: 0; font-size: 15px;}
    .ankita-dabas .text2 .right-pic .dess strong { font-size: 20px;}
    .ankita-dabas .text2 .right-pic .dess span { font-size: 13px;}

        .together .together-content h3 { font-size: 20px;}
        .ankita-dabas .text2 .left-content, .together .together-content p, .last-para .left-content-dev{ font-size: 15px;}
        .together .together-content h4 { font-size: 20px; margin-top: 20px;}
        .together .together-content h5 { font-size: 20px; margin-top: 20px;}
        .last-para .right-pic-dev .dess-dev strong { font-size: 20px;}
        .last-para .right-pic-dev .dess-dev span { font-size: 13px;}
        .new-in-agl{ background-size: 100%; padding-bottom: 0;}
        .top-content { margin-top: 20px;}
        .top-content h4{ margin-bottom: 5px;}

        .bottom-content .box .icon-box2{ padding-top: 170px;}

        .new-in-agl2 .owl-nav { width:342px}
        
        .celebrating .heading-part h5 { font-size: 42px;}
        .tab_button li a{ font-size: 20px;}

        .cSlider--single.slick-initialized .slick-slide.slick-current img{width:400px; height:400px; }
        .cSlider--single.slick-initialized .slick-slide img{height:300px;}
        .celebrating{ height: 980px;}
        .slider_box{ padding: 40px 0;}
        .celebrating .heading-part h5 { font-size: 22px;}
        .celebrating .heading-part h4 img { width:70%;}
        .accomplishments .upper-section p{ font-size: 17px;}
        .accomplish .owl-nav { bottom: -80px; width:280px}  
        .accomplish .owl-dots { bottom: -52px;}

        .content-part h6 img { width:240px}
        .issential .slide-part p { font-size: 20px;}
        .harsha-punjabi-pic{ top:100px}
        .harsha-punjabi-pic img { width:57%}
        .issential .slide-part h6{ font-size: 22px; padding-top: 45px;}
        .issential .owl-nav { bottom: -114px; left:-2%}
        .issential .owl-dots { bottom: -85px; left:30%}
        
}

@media only screen and (max-width:500px){
    .get-our-clients { padding: 10px 10px 0 10px;}
    .column2{padding: 0 10px;}
 

    .bottom-content li .box .icon-box2{padding-top:54px}
    .social-media p img{width:100%}
    .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}
   
    .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;}
    .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;}
  .bottom-content .box .icon-box2 { padding-top: 54px;}
  
  .new-in-agl { padding: 20px 0 0 0;}
  .top-content p { font-size: 14px; line-height: 1.3;}
  .accomplishments .lower-section .box { height: 200px;}
  .accomplishments .upper-section{ height: 100px;}
  .accomplishments .upper-section h4{ margin-top: 15px;}

  .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{ margin-bottom: 5px;}
.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;}
.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;}


.issential{ padding: 0 10px; height: 300px;}
    .issential .slide-part h6 { font-size:24px}
    .issential .slide-part p{ font-size:20px}

    .ankita-dabas .text1{ padding-right: 0;}
    .ankita-dabas .text2 .left-content{width:100%}
    .ankita-dabas .text2 .right-pic { float: left; width:100%; margin-top: 10px;}
    .ankita-dabas .text2 .right-pic .imgg {float:left; width: auto; text-align: left;}
    .ankita-dabas .text2 .right-pic .dess { width:auto; float:left; text-align: left; margin-top: 31px; margin-left: 20px; }
        
    .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}

    .varun-seth { top:100px; width:100%}
    .varun-seth .pic{ text-align: center;}
    .varun-seth .des { width:100%; padding-left: 0; text-align: center;}
    .agl-cornerstone h2 { margin-bottom: 100px;}
    .content-part h6{ margin-top: 100px;}

    .ankita-dabas{ top:-16px}


    .last-para .right-pic-dev .imgg-dev{ float:left; width:auto; text-align: left;}
    .last-para .right-pic-dev .dess-dev{ float:left; width:auto; text-align: left; margin-top: 80px; margin-left: 10px;}

    .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 .left-content-dev{ margin-top: 15px;}
    .top-content p { display: none;}

    .issential-section{padding: 0;}
    .issential h4{ padding: 5px 7px;}
    .issential .owl-dots{ display: none;}
    .issential .owl-nav{ width:160px; left:40%}

    .content-part{ padding: 40px 10px 20px 10px; border-radius: 0;}
    .agl-cornerstone { margin: 0 1%; width: 98%;}
    .varun-seth{top:87px}
    .social-media{ margin-top: 20px;}
    .issential{ margin-bottom: 120px;}
    .last-para .right-pic-dev .imgg-dev img{width:100px}
    
    .ankita-dabas .text2 .right-pic .dess strong { font-size: 20px;}
    .ankita-dabas .text2 .right-pic .dess span { font-size: 13px;}
    .together { margin-top: 20px;}
    .slick-prev{ width:80px!important; height: 80px!important; background-size: 100%!important;}
    .slick-next{ width:80px!important; height: 80px!important; background-size: 100%!important;}

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

    .varun-seth { right: 0;}

    .agl-cornerstone h2 { text-align: center;}

    .ankita-dabas .text2 .right-pic .imgg img{width:80px}
    .slick-content .text4{ font-size: 14px;}
    .slick-content .text3 { font-size: 17px; margin-top: 13px;}
    .vector1{ top:-24px}
    .vector1 img{width: 70%;}

}

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

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






.accomplishments .upper-section h4, .industry-bytes h2, .agl-cornerstone h2 { font-size:25px}
.get-our-clients { padding: 0 10px 0 10px;}

.description{ padding-right: 112px;}


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

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



.new-in-agl2 .owl-nav{ top:auto; bottom: -20px; width:134px; left:0; right: 0; margin: 0 auto;}
.accomplish .owl-nav{ top:auto; bottom: -20px; width:100px; left:0; right: 0; margin: 0 auto;}
.accomplishments .lower-section .box .icon-box2{padding-top: 76px;}
.accomplishments .lower-section .box .text-box2{font-size:15px}
.accomplishments .lower-section .box .text-box2 span{ font-size: 13px;}
.accomplishments .lower-section{ padding: 17px 0 40px 0;}


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

.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}
.accomplishments .upper-section p { padding: 0 10px;}
.harsha-punjabi-pic img { width:60%}

.new-in-agl{ background-size: 180%;}

.new-in-agl2 .owl-dots{ bottom: 20px;}
.bottom-content{ height: 220px;}
.celebrating .heading-part{ padding-top: 18px;}
.celebrating .heading-part h4 img{ width:80%}
.celebrating .heading-part h5 { padding: 0 10px;}
.tab_button{margin: 10px 1%; width:98%}
.tab_button li { margin: 0 4px;}
.tab_button li a{ font-size: 18px;}
.slider_box { padding: 5px 0;}
.slick-content{ padding: 0 2%; text-align: left; margin-top: 25px;}

.celebrating { height: auto;}

.graphic2{ display: none;}
.accomplishments .upper-section h4 { text-align: center;}
.accomplishments .upper-section p{ margin-top: -15px; text-align: center;}
.accomplish .owl-nav{ display: none;}
.celebrating{ margin-bottom: 25px;}
.accomplishments { height: auto; padding-bottom: 5px; padding-left: 1%; padding-right: 1%;}
.accomplish .owl-dots { bottom: -12px;}
    .accomplishments .lower-section .box .icon-box2 img { width:100px}

    .varun-seth { top:96px}
    .issential .slide-part h6{ font-size: 20px;}
    .harsha-punjabi-pic { right:10px}
    .issential h4 { padding: 5px 0px;}

    .issential .slide-part { padding: 0 20px 0 5px;}
    .issential .owl-nav{ bottom: -111px; left:45%}

    .issential h4{ margin-top: 20px;}
    .issential h4 img{ width:290px}

    .harsha-punjabi-pic{top:105px}
    .harsha-punjabi-pic img{ width:47%}
    .calendarTable { margin-top: 25px;}
    .content-part .two-section2 p { font-size: 14px; line-height: 1.6;}




}

@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:25px}
.description { padding-left: 0;}
.agl-cornerstone{ padding: 20px 10px 10px 10px;}
.agl-cornerstone h4{ margin-bottom: 30px;}
.description:before{top:-25px}
.description:before { top:16px}
.accomplishments .lower-section .box{ background-position:left 73px}
.varun-seth { top:87px}
.issential .owl-nav{ bottom: -98px; left:45%}
}

@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 h4 img { width:32px}
}