/*==================================================
            LARGE LAPTOP (1400px)
==================================================*/

@media (max-width:1400px){

.services-hero h1{

    font-size:56px;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:52px;

}

.services-hero-image img{

    max-width:520px;

}

.cdm-choose-image img{

    max-width:640px;

}

.hero-stats{

    gap:45px;

}

}

/*==================================================
            LAPTOP (1200px)
==================================================*/

@media (max-width:1200px){

.services-hero{

    padding:70px 0;

}

.services-hero .row{

    min-height:auto;

}

.services-hero h1{

    font-size:50px;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:46px;

}

.services-hero p,

.cdm-services-description,

.cdm-process-description,

.cdm-choose-description,

.cdm-services-faq-heading p{

    font-size:17px;

}

.hero-stat h3{

    font-size:40px;

}

.hero-stats{

    gap:35px;

}

.services-hero-image img{

    max-width:470px;

}

.cdm-choose-image img{

    max-width:560px;

}

.cdm-service-card{

    padding:35px;

}

.cdm-process-card{

    padding:35px 28px;

}

}

/*==================================================
        SMALL LAPTOP / LARGE TABLET (992px)
==================================================*/

@media (max-width:992px){

.services-hero{

    padding:70px 0;

}

.services-hero .row{

    min-height:auto;

    row-gap:60px;

}

.services-hero h1{

    font-size:44px;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:42px;

}

.services-hero p,

.cdm-services-description,

.cdm-process-description,

.cdm-choose-description,

.cdm-services-faq-heading p{

    font-size:16px;

    line-height:1.8;

}

.hero-buttons{

    gap:15px;

}

.hero-buttons .btn{

    padding:14px 28px;

}

.hero-stat h3{

    font-size:36px;

}

.hero-stats{

    gap:28px;

}

.services-hero-image{

    margin-top:20px;

}

.services-hero-image img{

    max-width:430px;

}

.cdm-choose-image img{

    max-width:500px;

}

.cdm-service-card,

.cdm-process-card{

    padding:30px;

}

.cdm-service-title,

.cdm-process-card h3{

    font-size:24px;

}

.cdm-service-icon,

.cdm-process-icon{

    width:72px;

    height:72px;

    font-size:30px;

}

}

/*==================================================
                TABLET (768px)
==================================================*/

@media (max-width:768px){

.services-hero{

    padding:65px 0;

    text-align:center;

}

.services-breadcrumb{

    justify-content:center;

}

.services-tag,

.cdm-services-tag,

.cdm-process-tag,

.cdm-choose-tag{

    margin:0 auto 25px;

}

.services-hero .row{

    row-gap:50px;

}

.services-hero h1{

    font-size:38px;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:36px;

}

.services-hero p,

.cdm-services-description,

.cdm-process-description,

.cdm-choose-description,

.cdm-services-faq-heading p{

    font-size:16px;

}

.hero-buttons{

    justify-content:center;

}

.hero-stats{

    justify-content:center;

    text-align:center;

    gap:25px;

}

.services-hero-image img{

    max-width:380px;

}

.cdm-choose-image{

    margin-top:30px;

}

.cdm-choose-image img{

    max-width:420px;

    transform:none;

}

.cdm-service-card,

.cdm-process-card{

    padding:28px;

}

.cdm-service-icon,

.cdm-process-icon{

    margin:0 auto 22px;

}

.cdm-service-title,

.cdm-process-card h3{

    font-size:22px;

}

.cdm-choose-content{

    text-align:center;

    max-width:100%;

}

.cdm-choose-grid{

    justify-content:center;

}

.cdm-choose-item{

    justify-content:center;

}

}

/*==================================================
                MOBILE (576px)
==================================================*/

@media (max-width:576px){

.services-hero{

    padding:55px 0;

}

.services-breadcrumb{

    font-size:14px;

    gap:8px;

}

.services-tag,

.cdm-services-tag,

.cdm-process-tag,

.cdm-choose-tag{

    padding:10px 18px;

    font-size:13px;

}

.services-hero h1{

    font-size:32px;

    line-height:1.2;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:30px;

    line-height:1.25;

}

.services-hero p,

.cdm-services-description,

.cdm-process-description,

.cdm-choose-description,

.cdm-services-faq-heading p{

    font-size:15px;

    line-height:1.8;

}

.hero-buttons{

    flex-direction:column;

    gap:15px;

}

.hero-buttons .btn{

    width:100%;

}

.hero-stats{

    flex-direction:column;

    gap:20px;

}

.hero-stat h3{

    font-size:32px;

}

.hero-stat span{

    font-size:15px;

}

.services-hero-image img{

    max-width:320px;

}

.cdm-choose-image img{

    max-width:340px;

}

.cdm-service-card,

.cdm-process-card{

    padding:24px;

    border-radius:20px;

}

.cdm-service-icon,

.cdm-process-icon{

    width:64px;

    height:64px;

    font-size:26px;

}

.cdm-service-title,

.cdm-process-card h3{

    font-size:20px;

}

.cdm-service-text,

.cdm-process-card p{

    font-size:15px;

}

.cdm-services-faq-accordion .accordion-button{

    padding:20px 60px 20px 20px;

    font-size:17px;

}

.cdm-services-faq-accordion .accordion-body{

    padding:0 20px 22px;

    font-size:15px;

}

.footer-bottom{

    text-align:center;

}

.footer-bottom-links{

    justify-content:center;

    flex-wrap:wrap;

}

}

/*==================================================
                SMALL MOBILE (480px)
==================================================*/

@media (max-width:480px){

.services-hero{

    padding:50px 0;

}

.services-hero h1{

    font-size:28px;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:26px;

}

.services-hero p,

.cdm-services-description,

.cdm-process-description,

.cdm-choose-description,

.cdm-services-faq-heading p{

    font-size:14px;

}

.hero-buttons .btn{

    height:50px;

    font-size:15px;

}

.hero-stat h3{

    font-size:28px;

}

.hero-stat span{

    font-size:14px;

}

.services-hero-image img{

    max-width:280px;

}

.cdm-choose-image img{

    max-width:300px;

}

.cdm-service-card,

.cdm-process-card{

    padding:22px;

}

.cdm-service-title,

.cdm-process-card h3{

    font-size:19px;

}

.cdm-service-icon,

.cdm-process-icon{

    width:58px;

    height:58px;

    font-size:22px;

}

}

/*==================================================
                EXTRA SMALL MOBILE (360px)
==================================================*/

@media (max-width:360px){

.services-hero h1{

    font-size:24px;

    line-height:1.3;

}

.cdm-services-title,

.cdm-process-title,

.cdm-choose-title,

.cdm-services-faq-heading h2{

    font-size:22px;

}

.services-tag,

.cdm-services-tag,

.cdm-process-tag,

.cdm-choose-tag{

    padding:8px 14px;

    font-size:12px;

}

.hero-buttons .btn{

    height:48px;

    font-size:14px;

    padding:12px 18px;

}

.hero-stat h3{

    font-size:24px;

}

.hero-stat span{

    font-size:13px;

}

.services-hero-image img{

    max-width:240px;

}

.cdm-choose-image img{

    max-width:260px;

}

.cdm-service-card,

.cdm-process-card{

    padding:18px;

}

.cdm-service-title,

.cdm-process-card h3{

    font-size:18px;

}

.cdm-service-text,

.cdm-process-card p,

.cdm-services-faq-accordion .accordion-body{

    font-size:14px;

}

.cdm-services-faq-accordion .accordion-button{

    font-size:15px;

    padding:18px 50px 18px 18px;

}

}