@media(max-width : 768px){
    .banner-content-box h1{
        font-size:35px;
        margin:0 0 30px;
    }
    .copyright .col-lg-6 {
        padding:0 5px;
    }
    .copyright p{
        text-align:center;
    }
    .image-portfolio-sec {
    gap: 40px 0;
    }
    .adrees-points, .quick-menu{
        margin:20px 0 0 ;
    }
    .banner-content-box h1 br{
        display:none;
    }
    .banner-content-box .daiment-img{
        left:0;
    }
    .banner-content-box .daiment-img img{
        width:150px;
    }
    .site-icon-brand{
        right:10px;
    }
    .site-icon-brand img{
        width:37px;
    }
    .banner-img-box .banner-bottom-text{
        width: 250px;
        padding: 20px 0 0 40px;
    }
    .banner-img-box .banner-bottom-text .arrowbtn{
        width:45px;
        height:47px;
        line-height:45px;
        min-width:46px;
    }
    .banner-img-box .banner-bottom-text .arrowbtn i {
        font-size:20px;
    }
    .banner-sec-brand{
        padding:10rem 0 3rem;
    }
    .about-content-box{
    margin-left:0;
    }
    .sec-big-title{
        font-size: 22px;
        text-align: center;
    }
    .about-img-main .pagebtna{
        bottom: 0;
        right: 0;
    }
    .pagebtna{
        padding: 5px 5px 5px 15px;
        font-size: 12px;
    }
    
    .wbas-why-chos {
    padding: 1rem 0;
}
    .pagebtna .arrow {
    width: 33px;
    height: 33px;
    line-height: 35px;
    }
    .pagebtna .arrow i {
        font-size:15px;
    }
    .about-sec-main > .container > .row{
        flex-direction: column-reverse;
    }
    .key-num-abot li p{
        font-size:11px;
        text-align:center;
    }
    .key-num-abot{
        margin:30px 0;
    }
    .service-righ-box{
        margin-left:0;
    }
    .sec-small-title{
        text-align: center;
        font-size: 13px;
    }
    .service-righ-box .servic-btn{
    display: flex;
    justify-content: center;
    }
    .about-sec-main{
        padding:0 0 3rem;
    }
    .service-box-main {
    max-width: 100%;
    margin-top: 40px;
    }
    .service-bontent-box .title{
        font-size: 15px;
        margin-top: 6px;
        display: block;
        text-align:center;
    }
    .service-box .servic-imh{
       margin:5px auto;
    }
    .service-bontent-box .text-btn-brand p{
        max-width: 100%;
        text-align:justify;
        justify-content:center;
    }
    .service-bontent-box{
        margin-left:0;
    }
    .service-box{
        padding:20px 0;
    }
    .service-bontent-box .text-btn-brand .box-textbot{
        flex-direction: column;
        margin: 20px 0;
    }
    .services-sec-main{
        padding:2rem 0 0;
    }
    .why-choose-sec{
        padding:2rem 0;
    }
    .serv-brnd-btn{
        font-size:13px;
        margin-top:10px;
    }
    
    .why-choose-sec .sec-big-title{
        font-size: 20px;
    }
   
    .why-choose-sec .why-choose-box .why-btn{
            display: flex;
            justify-content: center;
    }
    .portfoli-sec-main .video-portfolio .section-title{
        max-width:100%;
    }
    .portfoli-sec-main{
        padding:0 0 0;
    }
    .projec-btn{
        width:35px;
        height:35px;
        line-height:40px;
    }
    .projec-btn span i:nth-child(1){
        top: -7px;
        left: 6px;
        font-size: 13px;
    }
    .projec-btn span i:nth-child(2){
        font-size: 16px;
    }
    .project-box .project-content .title-categies .title{
        font-size:17px;
    }
    .project-box .project-content .title-categies span{
        font-size:13px;
    }
    .faq-branding-sec{
        padding:3rem 0;
    }
    .faq-main-branding{
        max-width:100%;
    }
    .accordion-button{
        padding:12px;
        font-size:16px;
        line-height:1.4;
    }
    .accordion-body{
        padding-inline: 12px;
        padding-block: 0 20px;
    }
    .accordion-button::after{
        width:30px;
        height:30px;
        line-height:30px;
    }
    .cta-sec-main .sec-big-title{
        font-size:23px;
    }
    .cta-sec-main{
        padding:10px 10px;
    }
    .star svg:nth-child(1){
        width:35px;
        left: 0px;
        top:25px;
    }
    .star svg:nth-child(2) {
    right: 0;
    bottom: -195px;
    width:35px;
    }
    .social-media-link{
        margin:30px 0;
    }
    .mr-l50{
        margin-left:0;
    }
    .categiri-box{
        margin:0 0 20px;
    }
    .copyright{
        margin-top:1rem;
    }
    .privacy-terms{
        justify-content: center;
        margin:10px 0 0;
    }
    .footer-sec-brand{
        padding:2rem 0 0;
    }
    .progress-wrap{
        right:10px;
    }
    .categiri-box .title {
        font-size:19px;
    }
    .enqur-btn{
        padding: 10px 20px;
        font-size:12px;
    }
    .faq-branding-sec .section-title.text-center{
        max-width:100%;
    }
    
    .banner-content-box .banne-tilsd {
    font-size: 21px;
    text-align:center;
    margin: 0 0 29px;
    }
    
    .banner-img-box .banner-top-text p {
        font-size: 14px;
        max-width: 340px;
    }
    
    .key-num-abot li span, .key-num-abot li em {
    font-size: 35px;
}

.why-sedfsdf {
    padding: 20px;
  
}

.why-sedfsdf p{
   text-align:justify;
  
}

.wbas-why-chos .sec-big-title{
    font-size: 25px;
    text-transform:capitalize;
}

.cion-dosd {
    width: 26px;
}

p {
    font-size:15px;
}

.accordion-body {
    font-size: 14px;
   
}

.video-portfolio .sec-big-title {
    font-size: 25px;
}

.portfoli-sec-main .video-portfolio{
    top: 5%;
}

.video-portfolio-sec {
    height: 43vh;
}

.video-portfolio-sec video {
    height: 39vh;
}

.banne-tilsd br{
    display:none;
}

.sec-small-title::before {
    left: 68px;
    top: 48%;
}

.service-sector .sec-small-title::before{
        left: 33%;
}

.why-choose-spec .sec-small-title::before {
    left: 30%;
}


.se-imafsd {
    width: 43px;
}

.why-tlsd {
    font-size: 16px;
}

.bbb-home-whych .row{
    row-gap:30px;
}

.service-box .servic-imh{
    width:100%;
    text-align: center;
}

.service-bontent-box .text-btn-brand {
    opacity: 1;
    visibility: visible;
}

.faq-branding-sec .sec-small-title::before {
        left: 3px;
        top: 45%;
    }
    
.project-box .project-content .title-categies span:before {
    left: 3px;
    top: 47%;
}

.cta-btn-brnd {
    margin: 30px auto 25px;
}

.adrees-points li i {
    height: 35px;
    min-width: 35px;
    line-height: 40px;
}

.social-media-link li a {
    min-width: 36px;
    height: 38px;
    line-height: 40px;
}

.service-bontent-box .text-btn-brand p a {
    font-size: 14px;
}

.cion-dosd {
    margin: 0px 0.5rem;
}

.accordion .accordion-item:not(:last-child) {
    margin: 0 0 20px;
}

.why-choose-box .section-title {
    max-width: 100%; 
}

.adrees-points li a, .adrees-points li p {
    font-size: 14.5px;
}

.quick-menu li a {
    font-size: 14px;
}

}

@media(min-width : 769px) and (max-width : 900px){
    
    .banner-content-box .banne-tilsd {
        font-size: 45px;
    }
    .banner-content-box h1{
        font-size:45px;
    }
    .about-sec-main > .container > .row{
        flex-direction: column-reverse;
    }
    .about-content-box{
        margin-left:0;
    }
    .sec-big-title{
        font-size:28px !important;
    }
    .key-num-abot{
        margin: 30px 0;
    }
    .key-num-abot li span{
        font-size:60px;
    }
    .service-bontent-box .title{
        font-size:26px;
        display:block;
        margin:20px 0 0;
        text-align: center;
        margin-right: 47px;
        
    }
    .portfoli-sec-main .video-portfolio{
        top: 240px;
    }
    .portfoli-sec-main .video-portfolio .section-title{
        max-width:100%;
    }
    .projec-btn{
        width: 35px;
        height: 35px;
        min-width:35px;
    }
    .project-box .project-content .title-categies .title{
        font-size:17px;
    }
    .project-box .project-content .title-categies span{
        font-size:14px;
    }
    .portfoli-sec-main{
        padding:0;
    }
    .faq-main-branding{
        max-width:100%;
    }
    .star svg:nth-child(2) {
    right: 0;
    bottom: -240px;
    width: 83px;
    }
    .star svg:nth-child(1) {
    top: 0;
    left: -37px;
    width: 83px;
    }
    .mr-l50{
        margin-left:0;
    }
    .social-media-link{
        margin:30px 0;
    }
    .service-box .servic-imh{
        margin:0 auto;
        width: 100%;
        margin-left: 52%;
    }
    
 .bbb-home-whych .row{
   justify-content: center;
           row-gap: 30px;
}

.why-tlsd {
    font-size: 19px;
    
}

.portfoli-sec-main .sec-big-title{
    font-size: 43px !important;
}

.video-portfolio-sec {
    height: 60vh;
}
.video-portfolio-sec video {
    height: 64vh;
}

.portfoli-sec-main:after {
    width: 400px;
    height: 350px;
    border-radius: 100%;
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.74);
    filter: blur(220px);
    position: absolute;
    content: "";
    top: 54%;
    right: 71%;
}

.service-bontent-box .text-btn-brand {
    opacity: 1;
    visibility: visible;
}

.section-title{
    text-align:center;
}

.cion-dosd {
    width: 50px;
}
.wbas-why-chos .sec-big-title {
        text-transform: capitalize;
    }

.why-choose-spec .sec-small-title::before {
    left: 2%;
    top: 50%;
}

.service-sector .sec-small-title::before {
    left: 42%;
    top: 50%;
}

.why-choose-spec .sec-small-title{
    padding-left: 33px;
        text-align: start;
}

.service-sector .sec-small-title{
     padding-left: 52px;
}

.why-choose-spec .sec-big-title{
    text-align: start;
}

p {
    font-size:15px;
}

.pagebtna {
   font-size: 12px; 
    padding: 4px 4px 4px 18px;
  
}

.service-righ-box .servic-btn {
   margin-left: 33%;
}

.about-sec-main .sec-small-title::before {
    left: 32%;
   
}

.about-img-main .pagebtna {
    bottom: -1px;
    right: -1px;
}

.se-imafsd {
    width: 60px;
}

.service-bontent-box .text-btn-brand .box-textbot {
 display:unset;
}

.serv-brnd-btn {
    display: flex;
    margin-top: 20px;
    margin-left: 35%;
}

.serv-brnd-btn i {
    right: 10px;
    top: 4px;
}

.service-bontent-box .text-btn-brand p a {
    margin:5px;
}

.service-bontent-box .text-btn-brand p {
    margin-left: 14%;
}


}

@media(min-width : 900px) and (max-width: 1200px){
    .banner-content-box h1 {
        font-size:50px;
    }
    .about-content-box{
        margin-left:0;
    }
    .sec-big-title{
        font-size:30px;
    }
    .key-num-abot li span{
        font-size:55px;
    }
    .about-img-main .pagebtna{
        right:0;
        bottom:0;
    }
    .service-bontent-box .title{
        font-size:35px;
    }
    .portfoli-sec-main .video-portfolio .section-title{
        max-width:70%;
    }
    .cta-sec-main .sec-big-title{
        font-size:45px;
    }
    
    .banner-content-box .banne-tilsd {
    font-size: 57px;
    max-width: 755px;
}
.banner-img-box .banner-top-text p {
    font-size: 15.5px;
}

p {
    font-size: 15.5px;
}

.key-num-abot li span, .key-num-abot li em {
    font-size: 68px;
}

.wbas-why-chos .sec-big-title {
    font-size: 75px;
}

.why-tlsd {
    font-size: 20px;
}

.portfoli-sec-main .video-portfolio {
   
    top: 214px;
}

.video-portfolio .sec-big-title {
    font-size: 55px;
}

.accordion-body {
    font-size: 16px;
}

.accordion-button {
    font-size: 19px;
}

.star svg:nth-child(2) {
    right: 5px;
    bottom: -246px;
}

.categiri-box .title {
    font-size: 21px;
}

.quick-menu li a {
    font-size:15px;
}

.adrees-points li a, .adrees-points li p {
    font-size: 15px;
}








}

@media(max-width : 1200px){
    .brand-sec-header .mega-menu{
        display:none;
    }
    .header-btn {
    position: absolute;
    right: 20px;
    top: 30px;
    }
    .brand-call{
        display:block;
    }
}