@media(max-width:2560px) {
    .hb-logo img {width:330px;margin-bottom:50px;}
    .hb-logo h4 {font-size: 41px;}
    .h-banner-content {padding:18% 172px;}
    .h-banner-content h5{font-size: 33px;}
    .h-banner-content .btn-send {font-size: 35px;padding: 10px 30px;}

}
@media(max-width:2400px) {
    .h-banner-content {padding:13% 172px;}
    
}
@media(max-width:2200px) {
    .h-banner-content {padding:10% 172px;}

}
@media(max-width:2000px) {
    .h-banner-content {padding:11% 40px;}
    .hb-logo img {width:330px;margin-bottom:50px;}
    .hb-logo h4 {font-size: 41px;}
    .h-banner-content h5{font-size: 30px;}
    .h-banner-content .btn-send {font-size: 35px;padding: 10px 30px;}
}

@media(max-width:1800px) {
    .hb-logo h4 {
        font-size: 35px;
    }
    .h-banner-content h5 {
        font-size: 27px;
    }
    .h-banner-content {
        padding: 8% 40px;
    }
}

@media(max-width:1600px) {
    .hb-logo h4 {
        font-size: 30px;
    }
    .h-banner-content h5 {
        font-size: 22px;
    }
    .h-banner-content {
        padding: 4% 40px;
    }
}



@media(max-width:1500px) {
    .hb-logo img {
        width: 220px;
        margin-bottom: 30px;
    }
    .h-banner-content .btn-send {
        font-size: 28px;
        padding: 6px 30px;
    }
    .h-banner-content {
        padding: 6% 40px;
    }

}  


@media(max-width:1441px) {   
    .hb-logo h4 {font-size: 27px;}
    .h-banner-content h5 {font-size: 20px;}
    .hb-logo img {
        width: 220px;
        margin-bottom: 30px;
    }
    .h-banner-content .btn-send {font-size: 28px;padding: 6px 30px;}
    .h-banner-content {padding: 9% 40px;}

}


@media(max-width:1366px) {
    .hb-logo img {
        width: 190px;
        margin-bottom: 20px;
    }
    .h-banner-content .btn-send {
        font-size: 20px;
        padding: 5px 20px;
    }
    .h-banner-content {
        padding: 10% 40px;
    }
    .hb-logo h4 {
        font-size: 25px;
    }
    .h-banner-content h5 {
        font-size: 18px;
    }

} 


@media(max-width:1280px) {
    .hb-logo img {
        width: 170px;
    }

}

@media(max-width:1200px){
    .hb-logo img {
        width: 170px;
    }
    header .heaberbooyem .navbar-nav .nav-item .nav-link {
        font-size: 13px;
    }
    .hb-logo h4 {
        font-size: 20px;
    }
    .banner-form h5 {
        font-size: 15px;
    }
    .footertop .ftlinks a {font-size: 14px;}

}


@media (max-width:1025px){
    #statistic-2 .statistic-block h5 {
        font-size: 1.5rem;
    }
    #services-2 h3 {font-size: 2rem;}
    #about-5.welcome h2 {font-size: 26px;}
    #choose .content h3 {font-size: 18px;}
    #choose .content .choes-text {font-size: 20px;}
    footer .footertop .footer-inr h3 {font-size: 22px;}
    .h-banner-content .btn-send {font-size: 16px;}
#shopping .shoppinginr .apply {margin-left: 0px;}
.h-banner-content {margin-top: 0px;}
.hb-logo h4 {font-size:18px;line-height: 35px;}
header .heaberbooyem .navbar-nav .nav-item .nav-link {font-size: 14px; padding: 4px 7px;}
#testimonial .test-inr {height: 370px;}
#by-use .by-use-inr h4 {font-size: 20px;}
.work-high {font-size: 18px;}
.workvid iframe {height: 256px;}
footer .footertop .footer-inr .footer-tex, .footertop .ftlinks a {font-size: 14px}
footer .footertop {padding: 20px 0px;}
p {font-size: 14px;}
.hb-logo img {width: 170px;}
.h-banner-content {padding: 30px 20px;}
.banner-form h5 {font-size: 14px;}

.international-company h2 {font-size: 30px;}
#shopping .couponcode {display: block;} 


}



@media (max-width:991.99px){
    .deptbtn {
        text-align: left;
    }
    #social-review, #contact, #about-5, #about-4 {padding:30px 0px;}
    #myHeader .col-megamenu a.dropdown-item {
        width: 300px;
    }
    #social-review .owl-carousel.owl-drag .owl-item {
        padding-top: 5px;
    }
    .navbar .megamenu {
        padding: 0rem;
    }
    .workvid iframe {
    height: 188px;
}
#blog-1 .blog-post {height:auto; margin-bottom:30px;}
#blog-1 p {height:auto;}
    .boxiner h5 {font-size: 30px;}      
    #box .boxiner h3 {font-size: 21px;}
    .block-account .block-content li a {font-size: 12px;}
    .orderhistory-table {margin: 10px 0px;}
    .orderhistory-table th {font-size: 14px;}
    .h-banner-content {padding: 30px 20px 10px;}
    .hb-logo h4 {font-size: 16px;}
    .hb-logo img {width: 120px;}
    .orderhistory-table {overflow-x: scroll;width: 100%;}
    #example {width: 900px;}
    .nav-link {font-size: 13px;padding: 10px 10px;}    
    .workedius h2, .description-tabs h2, .about-accordian h2 {font-size: 28px;}    
    #slider {padding-bottom: 30px;}
    .tblet {display: block;padding-top: 60px;}
    header .heaberbooyem img {width: 80px;}

    #slider .owl-carousel .owl-stage .imgsc{padding: 100px 0px;}
    #slider .owl-carousel .owl-stage .imgsca{padding: 100px 0px;}
    #slider .owl-carousel .owl-stage .imgscb{padding: 100px 0px;}
    #slider .owl-carousel .owl-stage .owl-item h2{margin-top: 70px !important;}    
    #about h2 {font-size: 37px;}
    #product .product-inr .content h3 a{font-size: 14px;}
    #choose .content h5{margin-top: 20px;}
    #international-company h5{margin-bottom: 30px;}
    #international-company .imgsc img {width: 60px;}
    #international-company h2 {font-size: 21px;}
    #international-company .row{text-align: center;}

      /* index clos */

    /* contact start */
    #contact-map .contact-mapinr {margin-left: 0px;}

    #testimonial .test-inr {height: 310px;}  
    .about-img img {margin-bottom:20px;}
}


@media(max-width:850px){
.h-banner-content {padding: 10px 20px 10px;}
.hb-logo h4 {font-size: 14px;line-height: 25px;} 
.banner-form h5 {font-size: 12px;}

}


@media(max-width:768px) {
    #gallery {
        padding: 30px 0px;
    }
    #testimonial .test-inr {
        height: 350px;
    }
    .rate-review {
        margin-bottom: 20px;
    }
    #social-review h2 {
        font-size: 25px;}
    #blog-1 .all-posts-btn {
        margin-top: 0px;
    }        
    #blog-1 p {height: auto;overflow:inherit;}
    footer .footertop .footer-inr .sosyal-icon li a {height: 30px;width: 30px;}
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    div.dt-buttons {
        float: none;
        text-align: center;
    }
    .usermap h3 {font-size: 20px;}
    .usermap h5 {font-size: 16px;line-height: 28px;}
    .dataTables_wrapper .dataTables_info {text-align: center; float: none;}
    .dataTables_wrapper .dataTables_paginate {float: none;text-align: center;} 
    .buy-btn {
        text-align: center;
    }
    .mbtn {padding: 6px 20px;}
    #about .row {row-gap: 0px;}    
    .usermap .benefites {padding-left: 0px;}    
    .pricing .card {
        margin-bottom: 20px;
    }
    #testimonial h5 {
        margin-top: 0px;
    }
    #international-company {
        padding: 20px 0px;
    }
    #about {
        padding: 20px 0px;
    }    
    .boxiner h5 {
        font-size: 30px;
    }
    .usermap {padding: 30px 0px;}
    header .headertop .headtop li a {font-size: 15px;}
    .work-high {
        padding: 5px 0px;
        line-height: 34px;
    }
    #product h2 {font-size: 30px;}
    #by-use h2 {
        font-size: 30px;
    }
    #about h2 {
        font-size: 30px;
    }
    #product {
        padding: 20px 0px;
    } 
    #choose {
        padding: 20px 0px;
    } 
    #by-use {
        padding: 20px 0px;
    }
    #testimonial {
        padding: 20px 0px;
    }
    #international-company {
        padding: 20px 0px;
    }
    .international-company {
        padding: 20px 0px;
    }
    footer .footertop {
        padding: 20px 0px;
    }  
    #choose .content h2 {
        font-size: 30px;
    }
    #box {
        padding: 20px 0px;
    }
    #slider {
        padding-bottom: 0px;
    }
    #box .boxiner {padding: 10px 5px;}
    .bradcrumb {text-align: center;}   
    #checoct .checoctinra .table-responsive table td img {
        width: 150px;
    }
    .checoct h3 {font-size: 20px;}
    #shopping .shoppinginra {
        text-align: center;
    }
}



@media(max-width:767px) {
    #about-4 .row, #blog-1 .row {gap: 20px;}
    .h-banner-content {scale: 1;}
    .owl-theme .owl-dots .owl-dot span {margin: 1px 3px;}
    .tabfeatures {overflow-x: scroll;}
    #shopping .couponcode {display: block;}
    .banner-content {position: static;}
    .banner-content {color: #000;}
    .hb-logo {
        display: flex;
        justify-content: space-between;
    }
    .hb-logo img {
        width: 130px;
    }
    .hb-logo h4 {
        font-size: 24px;
        line-height: 35px;
    }
    ul#myTab {
        display: flex;
        margin-bottom: 0px;
        width: 700px;
    }

}

@media(max-width: 577px) {    
    #choose .content .choes-text {
        color: #fff;
        font-size: 16px;
    }
    #choose .content .imgg {margin-top: 5px;width: 35px;}
    #choose .content h3 {color: #fff;font-size: 17px; }
footer .footertop .footer-inr .sosyal-icon li a {height: 34px; width: 34px; line-height: 35px;}

}

@media(max-width: 520px) {
    #statistic-2 {padding-top: 40px;}
    .copyright p{font-size: 12px;}
    #testimonial .test-inr {height: 320px;}
    .usermap h5 {font-size: 18px;line-height:26px;margin-top:10px;}
    .usermap h3 {font-size: 25px;}
    .benefites ul.undisc li {font-size: 18px;}
    .classes h5 {font-size: 17px;margin-bottom: 20px;}
    .course-format p {font-size: 17px;}
    .course-format {columns: 1;}
    #shopping .shoppinginr .form-control {margin: auto;margin-top: 10px;}
    #shopping .shoppinginr {text-align: center;} 
    #shopping .couponcode {display: block;} 
    #shopping {
        padding: 20px 0px;
    }
    #checoct .checoctinr h3 {
        text-align: center;
    }
    footer .footertop .footer-inr .sosyal-icon {justify-content: center;}
    #checoct .checoctinra .table-responsive table td img {
        width: 80px;
    }
    
    footer .footertop a {text-align: left;}
    
    .banner-images {display: none;}
    .hb-logo img {
        margin: auto;
        display: block;
    } 
    .hb-logo h4 {text-align: center;}
    .tblet {
        padding-top: 20px;
    }
    .h-banner-content {text-align: center;}
    .hb-logo h4 {
        font-size: 21px;
    }

}



@media(max-width: 480px) {
    #gallery {
        padding: 20px 0px;
    }
    .headersocial, .headerinfo {gap: .7rem;} 
    #statistic-2 .statistic-block {padding: 20px 20px;margin-bottom: 10px;}
    #services-2 h3 {font-size: 1.5rem;}
    #about-5.welcome h4 {color:#057384; font-size: 18px;}
    span.section-id {font-size: 1.5rem;}
    #contact .location h2, #blog-1 .section-title h3, #about-5.welcome h2 {
        font-size: 24px;
    }
    #blog-1 h5 a {font-size: 16px;}
    #contact .location ul li {font-size: 15px;}
    #myHeader .col-megamenu a.dropdown-item {
        width: 230px;
        padding: 6px 0px;
    }
    .dropdown-menu a.dropdown-item img {
        margin-right: 5px;
    }
    .navbar .megamenu {
        padding: 2px;
    }
    #slider .slider-content {text-align: center;left: 0;
        right: 0;}
    #slider .slider-content h2 {font-size: 22px;}
    #best-work .bestworktitle img {
        width: 60px;
    }
    #best-work h4 {font-size: 18px;}
    /* .my-account  {text-align: center;} */
    ul.disc {padding-left: 20px;}
    #shopping .shoppinginr .apply {font-size: 13px;}
    .headersocial {display:block;}
    #checoct .checoctinr .btn6 {margin: auto; margin-bottom:40px; margin-top:20px; width: 100%;}
    #checoct h3 {text-align: center;}
    #shopping .continue li a {font-size: 15px;}
    #shopping .qty-input {width: 70px; }
    #shopping .shoppinginr .continu {font-size: 13px;width: auto;}
    #shopping .shoppinginra .produc {width: auto;}    
    #shopping .shoppinginra .make {width: auto;}
    #shopping .shoppinginra table tr th {text-align: left;}
    .billingpage h4 {font-size: 14px;}
    footer .footertop .footer-inr .footer-tex {font-size: 14px;}
    .footertop a {font-size: 14px;}
    p {font-size: 14px;}
    .product-image {width: 60px; }
    .workvid iframe {height: 200px;}
    .hb-logo {display: block;}
    .hb-logo h4 {line-height: 30px;}
    #testimonial h2, #by-use h2, #product h2 {font-size: 28px;}   
    
    header .headertop {padding: 2px 0px;}
    
    header .heaberbooyem .navbar-nav{align-items: start;}
    header .heaberbooyem img {width: 70px;}

    #slider .owl-carousel .owl-stage .imgsc{padding: 120px 0px;}

    #slider .owl-carousel .owl-stage .imgsca{padding: 120px 0px;}

    #slider .owl-carousel .owl-stage .imgscb{padding: 120px 0px;}

    #about h2{font-size: 28px;}
    #about .aboutinr .about-text{text-align: justify;}
    #about{margin-bottom: 10px;}

    #product{padding: 30px 0px;}
    
    #choose .imgs img{margin-top: -50px; height: 100%;}
    #choose .content h2 {font-size: 25px;}

    #testimonial .test-inr .test-text{text-align: justify;}
    footer .footertop .footer-inr .sosyalinfo {justify-content: center; gap: 7px;}
    footer .footertop .footer-inr .footer-text{text-align: center; font-size: 10px;}
    footer .footertop .footer-inr .imgs{text-align: center;}
    footer .footertop .imgss img{width: 120px;}

    /* index clos */

    /* contact start */
    #contact-banner{padding: 60px 0px 40px;}
    #contact-banner h2 {font-size: 27px; margin-top: 30px;}
    #contact-home .contact-info{margin-bottom: 0px;}
    #contact-home h5 {display: none; margin-top: 0px;}
    #contact-home h2 {font-size: 28px; margin-top: 15px;}
    #contact-home .text{margin-bottom: 20px;}
    #contact-home .contact-inr {padding: 10px;}
    #contact-map iframe{height: 338px;}
    #contact-map .contact-mapinr {margin-top: -76px; padding: 15px;}
    #contact-map .contact-mapinr h2 {font-size: 25px;}
    #contact-map .contact-mapinr .contact-maptext{font-size: 13px;}
    #contact-map h3 {font-size: 27px; margin-top: 20px; text-align: center;}
    #contact-map .contact-mapinr .map-info li {margin-bottom: 4px;}
    #contact-map .icon-info{justify-content: center;}
    #contact-map .icon-info li a{height: 35px; width: 35px; text-align: center; line-height: 35px; font-size: 18px;}
    .work-high {line-height: 30px;}
    #testimonial .test-inr {
        height: 320px;
    }
    footer .footertop .footer-inr .footer-tex i {
        padding-top: 7px;
    }



    }





@media(max-width:375px){
    header .headertop .headtop li a {font-size: 13px;}
    .international-company h2 {
        font-size: 24px;
    }
    #product h2 {
        font-size: 24px;
    }
    #about h2 {
        font-size: 24px;
    }
    .usermap h3 {
        font-size: 24px;}
    
    #shopping .table tr td {padding: 10px 0px;}
    #shopping .table tr th {padding: 10px 1px;text-align: center; font-size: 11px;}
    .h-banner-content {margin: 0px;}
    #shopping .shoppinginra .produc {font-size: 13px;}
    #shopping .shoppinginra .make {font-size: 13px;}
    #shopping .continue li a {font-size: 13px;}
    button.dt-button, div.dt-button, a.dt-button, input.dt-button {padding: 0.2em 1em;}
    

    /* #slider .owl-carousel .owl-stage .owl-item .heading{font-size: 15px;} */

    #product h2 {font-size: 30px;}

    #international-company h2 {font-size: 16px;}

    #choose .content h2 {font-size: 20px;}
    #choose .content .choes-text{font-size: 14px;}

    #testimonial .test-inr .test-img li .text{font-size: 12px;}
    #testimonial .test-inr .test-img li .tex{font-size: 12px;}
    #testimonial .test-inr .test-img .six {font-size: 30px;}


    footer .footertop .footer-inr .forem .form-control{width: 285px; padding: 4px;}
    footer .footertop .footer-inr .forem .btn6{margin-left: -59px; padding: 10px 2px;} 
    footer .footertop .footer-inr .sosyalinfo{flex-wrap: wrap;}
    footer .footertop .footer-inr .footer-text{font-size: 8px;}

    /* index clos */

    /* contact start */

    #contact-home h2 {font-size: 24px;}
    #contact-home .text{font-size: 12px;}
    #contact-map h3 {font-size: 24px;}

    


    


}




@media(max-width:321px){
    button.dt-button, div.dt-button, a.dt-button, input.dt-button {padding: 0.2em .6em;}
 

}