@charset "utf-8";
/* CSS Document */
@media (min-width: 1800px) and (max-width: 1920px) {

}
@media (max-width: 1800px) and (min-width: 1700px) {}
@media (max-width: 1700px) and (min-width: 1600px){

}
@media (min-width: 1400px) and (max-width: 1500px){
}
@media (min-width: 1300px) and (max-width: 1400px){
}
@media (min-width: 1200px) and (max-width: 1300px){
}
@media (min-width: 1024px) and (max-width: 1200px){

}
@media (min-width: 992px) and (max-width: 1024px) {
}

@media (max-width: 1699px) {
.container{max-width: 1550px;}


}
@media (max-width: 1599px) {
.container{max-width: 1410px;}



}

@media (max-width: 1399px) {
.container{max-width:1250px;}



}
@media only screen and (max-width:1299px) {
.container { max-width: 1140px;}
.digital__banner-cont h1 { font-size: 44px;line-height: 56px;}
.custom-heading h2 {  font-size: 46px; line-height: 54px;}
.digital__cases-right .digital__cases-content h3{font-size: 32px; line-height: 40px; margin-bottom: 60px;}
.digital__cases-right .digital__cases-content p{margin-bottom: 30px;}
}
@media only screen and (max-width:1199px) {
  .container { max-width: 960px;}
.digital__header-nav ul a { font-size: 16px; padding: 0 !important;}
.custom-button { font-size: 16px; height: 45px; padding: 0px 25px;line-height: 45px;}
.custom-pad {  padding: 50px 0;}
.digital__about-cont { padding-left: 0;}
.custom-heading h6 {font-size: 20px; margin-bottom: 10px;}
.digital__services-wrap{gap: 15px; padding: 0 30px;}
.custom-heading h2 {font-size: 42px;line-height: 50px;}
.digital__cases-right .digital__cases-content h3 {font-size: 28px; line-height: 36px;}
.digital__banner-cont h1 { font-size: 37px; line-height: 46px;}
.digital__imgwrap-img:last-child {  margin: -60px 0 0 auto;}
.digital__counter-box h3 { font-size: 40px;  line-height: 40px;}
.digital__contact-left li span {width: 45px;height: 45px; font-size: 20px;}
.digital__contact-left li h5 {font-size: 20px;font-weight: 500;}

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

}
@media only screen and (max-width: 991.98px) {   
 .digital__header-nav{padding-right: 50px;}
.digital__header-nav .navbar-toggler {position: absolute; right: 0 ; border: inherit; padding: 0; box-shadow: inherit;}
.digital__header-nav .navbar-toggler .icon-bar {  display: block;  width: 30px;   height: 3px;    border-radius: 1px; background-color: var(--clr-primary);  margin: 6px 0;} 
.digital__header-nav .btn-close:focus{box-shadow: none !important; }
.digital__services-wrap{padding: 0; gap: 12px;}
.digital__banner-cont h1 {font-size: 35px;line-height: 40px; margin-bottom: 10px;}
.digital__header-nav .navbar-brand img {height: 60px;}
.custom-pad {padding: 40px 0;}
.custom-heading h2 { font-size: 36px; line-height: 44px;margin-bottom: 10px;}
.digital__services-box:first-child { transform: rotate(0deg);}
.digital__services-box:last-child { transform: rotate(0deg);}
.digital__services-box {padding: 20px 15px;}
.digital__services-box h4 {font-size: 20px; margin-bottom: 10px;}
.digital__counter-box {  padding: 0 0;}
.digital__cases-imgwrap{margin-bottom: 15px;}
.digital__client-wrap ul li {  width: 23%;}
.digital__testimonial-cont{width: 100%;margin-top: 20px;}
.digital__contact-right{margin-top: 20px;}
.digital__header-nav ul a{color: #000;}
.digital__client-wrap ul{width: 100%;}
.digital__client-wrap ul li{width: 31%;}

}
@media (max-width: 767.98px){
.container{max-width: 100%;padding: 0 12px;}
.digital__services-box {width: 100%;padding: 20px 15px;  height: auto;}
.digital__testimonial-video {width: 100%;}
.digital__client-wrap ul li{height: 130px;}


}
@media (max-width: 575.98px){
    .custom-button {
        font-size: 15px;
        height: 45px;
        padding: 0px 15px;
        line-height: 45px;
    }
.digital__banner-cont h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .digital__banner-img img {
        height: 400px;
        object-fit: cover;
    }
    .digital__banner-box{top: 55%;}
.digital__banner-cont h5 {
    font-size: 18px;
}
.digital__about .row{flex-direction: column-reverse;}
.digital__about-img { padding: 13px;  position: relative;}
.digital__services-wrap {  margin-top: 0;}
.custom-heading h2 { font-size: 28px;  line-height: 35px}
.digital__cases-content {   padding-right: 0;}
.digital__cases-right .digital__cases-content h3 {font-size: 22px;line-height: 26px; margin-bottom: 30px;}
.digital__cases-right .digital__cases-img img{height: 250px; object-fit: cover; width: 100%;}
.digital__counter-box h3 {font-size: 30px; line-height: 35px;}
.digital__testimonial-cont h5{ font-size: 20px; margin-bottom: 10px;}
.video__play {width: 65px;}
.digital__client-wrap ul li {width: 47%;}
.digital__contact-left li h5 {font-size: 18px;width: 78%;}
.digital__contact-left li span { width: 40px; height: 40px; font-size: 17px;}
.digital__contact-right h4{  font-size: 24px;  margin-bottom: 13px;}
.digital__contact-right textarea.form-control{height: 100px;}
.digital__footer-left{padding: 0 0 15px;}
.digital__footer-box.menu {padding-left: 0;}
.digital__footer-top h4 {font-size: 20px;margin-bottom: 14px;}
.digital__footer-box li {
    margin-bottom: 6px;
}
.digital__footer-contact{padding-top: 15px;}
.mb-4 {
    margin-bottom: 15px !important;
}
.headerbtn_modal p{margin-bottom: 0;}
.headerbtn_modal .btn-close { width: 25px; height: 25px;}
.inner-banner-img img {
    height: 300px;
    object-fit: cover;
    object-position: top;
}
.inner-banner-box {bottom: 25px;}

}