@media (max-width: 1200px){
    /* comaon */
    h1{
        font-size: 50px;
        line-height: 60px;
    }
    h2{
        font-size: 30px;
        line-height: 40px;
    }
    h3{
        font-size: 24px;
        line-height: 28px;
    }
    .navbar .navbar-brand img{
        height: 36px;
        width: auto;
    }
    .header-sec .navbar{
        padding: 14px 8px;
    }
    .navbar ul{
        gap: 20px;
    }
    .navbar ul li a{
        font-size:14px;
    }
    .sec-pad{
        padding:80px 8px;
    }
    

    /* .our-comp-sec .company-info .comp-details-btn .btn-black{
        padding: 16px 20px;
    } */
    .hero-sec{
        padding:100px 8px;
    }
    .ring-sec .ring-img img{
        height: 250px;
    }
    .ring-sec{
        overflow: hidden;
        padding-top: 160px;
        margin-top: -80px;
    }
    .royal-ring-info p{
        margin-bottom: 40px;
    }
    .testimonial-slider .testimonial-info{
        padding: 30px 25px;
    }
    .get-in-touch-sec{
        padding-bottom: 80px;
    }

}


@media(max-width:991.98px){
    h1{
        font-size: 36px;
        line-height: 42px;
    }
    h2{
        font-size: 30px;
        line-height: 40px;
    }
    h3,
    .fs-24{
        font-size: 22px;
        line-height: 32px;
    }
    h4{
        font-size: 18px;
        line-height: 28px;
    }
    .mb-40{
        margin-bottom: 30px;
    }
    .testimonial-slider .testimonial-info p{
        font-size: 16px;
        line-height: 21px;
    }

    .btn-black,
    .footer-sec .btn-black{
        padding: 12px 20px;
    }
    .our-comp-sec .company-info .comp-details-btn .btn-black{
        padding: 12px 20px;
    }
    .btn-black img,
    .footer-sec .btn-black img{
        height: 14px;
        width: 14px;
    }
    
    .navbar .navbar-brand img {
        height: 30px;
    }
    .navbar ul{
        align-items: start;
        margin-top: 20px;
    }

    .sec-pad,
    .footer-sec {
        padding:60px 8px;
    }
    .footer-sec .btn-black{
        /* font-size: 16px; */
        font-weight: 500;
        line-height: 19px !important;
    }
    .footer-sec .row{
        row-gap: 30px;
    }
    .footer-sec .footer-menu-content{
        justify-content: start;
    }
    .hero-sec{
        padding:80px 8px;
    }
    .royal-ring-info p{
        margin-bottom: 24px;
    }
    .about-sec .about-box-info .about-box{
        width: calc(33.33% - 10px);
    }
    .about-sec p{
        font-size: 16px !important;
    }
    .about-sec .text-center{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .testimonial-slider .testimonial-info{
        padding: 30px 20px;
    }
    .testimonial-slider .slick-dots{
        margin-top: 20px;
    }
    .testimonial-slider .slick-track{
        gap: 20px;
    }
    .testimo-details .review-star img{
        height: 18px;
    }
    .logo-sec .logo-images-row a img{
        height: 67px;
    }
    .logo-sec{
        padding: 40px 8px 20px;
    }
    .get-in-touch-sec{
        padding-bottom: 60px;
    }
    .team-sec .team-info-row .team-box .team-img{
        margin-bottom: 16px;
    }
    .team-sec .team-info-row{
        gap: 20px;
    }
    .team-sec .team-info-row .team-box{
        width: calc(50% - 10px);
    }
    .journey-details .journey-box::after,
    .journey-details .journey-box::before{
        display: none;
    }
    .journey-details .journey-box .date-icon{
        height: 50px;
        width: 50px;
    }
    .journey-details .journey-box .date-icon img{
        width: 24px;
        height: 24px;
    }
    .ring-sec{
        padding-top: 120px;
        margin-top: -60px;
    }
    .our-journey .container{
        margin-top: 0 !important;
    }
    
}



@media (max-width: 767.98px){
    
    h1{
        font-size: 32px;
        line-height: 40px;
    }
    h2{
        font-size: 24px;
        line-height: 30px;
    }
    h3,
    .fs-24{
        font-size: 18px;
        line-height: 28px;
    }
    h4{
        font-size: 16px;
        line-height: 24px;
    }
   
    p{
        font-size: 14px;
        line-height: 22px;
    }
    .mb-40{
        margin-bottom: 24px;
    }
    .btn-black{
        font-size: 14px;
        line-height: 14px !important;
    }
    .hero-sec .hero-content p{
        margin-bottom: 20px;
    }
    .header-sec .navbar{
        padding: 16px 8px;
    }
    .sec-pad,
    .footer-sec {
        padding: 40px 8px;
    }
    .footer-sec h4{
        margin-bottom: 18px;
    }
    .footer-sec .subscribe-info input{
        max-width: 350px;
        margin: 0 auto;
    }
    
    .mb-30{
        margin-bottom: 24px;
    }
    .ring-sec .ring-img img{
        height: 200px;
    }
    .gap-20{
        gap: 20px;
    }
    .mb-4{
        margin-bottom: 20px !important;
    }
    .royal-ring-info{
        text-align: center;
    }
    .about-sec .about-box-info .about-box .about-icon img{
        height: 34px;
        width: 34px;
    }
    .about-sec .about-box-info .about-box{
        width: calc(50% - 8px);
    }
    .about-sec .mt-50{
        margin-top: 30px;
    }
    .journey-details{
        gap: 20px;
    }
    .our-journey h2,
    .about-sec .mission-text,
    .footer-sec .footer-contact,
    .footer-sec .footer-menu,
    .footer-sec .subscribe-info{
        text-align: center;
    }
    .footer-sec .social-icons ul,
    .footer-sec .footer-menu-content{
        justify-content: center;
    }

    .journey-details .journey-box {
        width: 100%;
        text-align: center;
    }
    .our-comp-sec .company-img img{
        height: 300px;
    }
    .our-comp-sec .row-reverse{
        flex-direction: column-reverse;
    }
    .our-comp-sec .company-info{
        text-align: center;
    }
    .get-in-touch-sec .form-group{
        margin-bottom: 20px;
    }
    .team-sec .team-info-row .team-box .team-img img{
        height: 280px;
        object-position: top;
    }
        .ring-sec {
        padding-top: 0px;
        margin-top: 40px;
    }
.get-in-touch-sec{
        padding: 0px;
    margin-top: 40px;
}
}

@media (max-width: 500px){
    .about-sec .about-box-info .about-box,
    .team-sec .team-info-row .team-box{
        width: 100%;
    }
}