/* Min Width 1400px */
@media only screen and (min-width:1400px){

    .container-right{
        padding-left: calc((100% - 1320px) / 2 + 15px) !important;
        padding-right: 0;
    }

    .ams-banner .banner-image{
        width: 50% !important;
        top: 35 !important;
    }

    .single-process:nth-child(2){
        bottom: 0 !important;
    }

    .single-process:nth-child(3){
        bottom: 155px !important;
    }

    .single-process:last-child{
        bottom: 420px !important;
    }

    .footer-top{
        padding-top: 200px;
    }

}

/* Min Width 1200px */
@media only screen and (min-width:1200px){

    .container-right{
        padding-left: calc((100% - 1140px) / 2 + 15px);
        padding-right: 0;
    }

    .ams-banner .banner-image{
        position: absolute;
        width: 53%;
        top: 60px;
        right: 0;
    }

    .single-process:nth-child(2){
        bottom: -19px;
    }

    .single-process:nth-child(3){
        bottom: 115px;
    }

    .single-process:last-child{
        bottom: 343px;
    }

}

/* Min Width 992px */
@media only screen and (min-width:992px){

    .ams-nav-menu{
        display: flex !important;
    }

    .ams-nav-menu .sub-menu{
        position: absolute;
        display: block !important;
        width: 250px;
        background: var(--white-color);
        box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
        opacity: 0;
        visibility: hidden;
        transform: translateY(50px);
        transition: transform 0.3s ease-in-out;
        z-index: 99;
    }

    .ams-nav-menu li:hover > .sub-menu{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .sub-menu li a{
        position: relative;
        display: block;
        font-size: .95rem;
        border-bottom: 1px dashed #ededed;
        padding: 10px 15px;
    }

    .sub-menu li a:hover{
        color: var(--secondary-color);
        padding-left: 20px;
    }

    .sec-heading p{
        max-width: 50%;
    }

}

/* Max Width 1399px */
@media only screen and (max-width:1399px){
    .footer-top .container{
        margin-top: 80px;
    }
}

/* Max Width 1199px */
@media only screen and (max-width:1199px){

    .container-right{
        padding-left: calc((100% - 960px) / 2 + 15px);
        padding-right: 0;
    }

    .ams-nav-menu{
        justify-content: flex-end;
        gap: 32px;
    }

    .banner-content h1{
        font-size: 3rem;
    }

    .contact-content h2{
        padding-right: 0;
    }

    .features-wpr{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 24px;
    }

    .service-process-wpr img{
        bottom: 85%;
    }

    .single-process{
        max-width: 70%;
        left: 15%;
    }

    .single-process:nth-child(2){
        bottom: 25px;
        left: 10%;
    }

    .single-process:nth-child(3){
        bottom: 135px;
    }

    .single-process:last-child{
        bottom: 327px;
        left: 8%;
    }

    .single-service{
        padding: 40px 24px;
    }

    .service-2 .single-service p{
        max-width: 100%;
    }

}

/* Max Width 991px */
@media only screen and (max-width:991px){

    .container-right{
        padding-left: calc((100% - 720px) / 2 + 15px);
        padding-right: 0;
    }

    .sec-spacer,
    .ams-banner{
        padding: 80px 0;
    }

    .ams-contact{
        padding-top: 80px;
    }

    /* Mobile Menu Start */

    .nav-toggle {
        display: inline-block;
        width: 40px;
        height: 40px;
        font-size: 24px;
        color: var(--primary-color);
        background-color: #fff;
        border: 1px solid var(--primary-color);
        border-radius: 5px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }

    .ams-nav-menu{
        position: absolute;
        top: 65px;
        left: 0;
        display: none;
        width: 100%;
        background-color: var(--white-color);
        box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
        padding: 0 24px;
        z-index: 10;
    }

    .ams-nav-menu li a{
        display: flex;
        justify-content: space-between;
        padding: 12px 24px;
    }

    .ams-nav-menu > li a{
        border-bottom: 1px solid #3734a91a;
    }

    .ams-nav-menu > li:last-child a{
        border-bottom: none;
    }

    .ams-nav-menu .sub-menu{
        display: none;
    }

    .ams-nav-menu .sub-menu li a{
        border-bottom:  1px dashed #ededed;
        margin-left: 30px;
        padding: 12px 20px;
    }

    /* Mobile Menu End */

    .ams-service-process .sec-heading p{
        max-width: 100%;
    }

    .service-process-wpr img{
        bottom: 70%;
    }

    .single-process{
        max-width: 85%;
        left: 0;
    }

    .single-process:nth-child(2){
        bottom: -40px;
    }

    .single-process:nth-child(3){
        left: 10%;
        bottom: 35px;
    }

    .single-process:last-child{
        left: 10%;
        bottom: 170px;
    }

    .sidebar-blogs{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        margin-top: 40px;
    }

    .contact-links{
        margin-right: 0;
    }

    .faq-wpr{
        max-width: 100%;
    }

    .ams-login{
        background: none;
        background-color: #E8F5F5;
    }

    .support-image img{
        height: auto;
    }

}

/* Max Width 767px */

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

    .container-right{
        padding-left: calc((100% - 540px) / 2 + 15px);
        padding-right: 0;
    }

    .single-service{
        padding: 30px 24px;
    }

    .features-wpr{
        grid-template-columns: 1fr;
    }

    .ams-service-process .sec-heading{
        margin-bottom: 40px;
    }

    .service-process-wpr img{
        display: none;
    }

    .service-process-wpr{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 24px;
    }

    .single-process{
        max-width: 100%;
        left: 0 !important;
        bottom: 0 !important;
    }

    .single-process .icon{
        border: 1px solid var(--primary-color);
    }

    .sidebar-blogs{
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .faq-list li{
        padding: 20px 16px;
    }

    .faq-list li label{
        display: grid;
        grid-template-columns: 1fr 40px;
    }

    .faq-list li input[type="radio"] ~ label i{
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }

    .contact-links{
        padding: 32px 24px;
    }

    .service-2 .single-service{
        grid-template-columns: 1fr;
    }

}

/* Max Width 575px */

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

    .container-right{
        padding-left: var(--bs-gutter-x,.75rem);
        padding-right: 0;
    }

}

/* Max Width 480px */

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

    h2{
        font-size: 2.25rem;
    }

    .service-process-wpr{
        grid-template-columns: 1fr;
    }

    .footer-top{
        padding-top: 100px;
    }

}

/* Max Width 416px */

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

    h2{
        font-size: 1.88rem;
    }

    .nav-action .ams-btn{
        height: 40px;
        line-height: 40px;
        padding: 0 16px;
    }

    .banner-content h1 {
        font-size: 2.285rem;
    }

    .contact-form{
        padding: 32px 16px;
    }

    .service-content h2, .contact-content h2{
        line-height: 45px;
    }

    .social-share-wpr{
        flex-direction: column;
        justify-content: flex-start;
        gap: 24px;
    }

}

/* Max Width 380px */

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

    .banner-content h1 {
        font-size: 2rem;
    }

    .footer-menu div[class^="col-"]{
        width: 100%;
    }

}

/* Max Width 320px */

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

    .nav-action .ams-btn{
        padding: 0 12px;
    }

    .banner-content h1 {
        font-size: 1.8rem;
    }

}