@media(min-width:1400px){

}
/*max width 1399px*/
@media(max-width:1399px){
    .common-title h3{
        font-size: 30px;
    }
    .common-title h4{
        font-size: 16px;
    }

    .middle-header .menu-wrap > .main-menu > li{
        padding: 0px 6px;
    }
    .middle-header .menu-wrap .main-menu li a{
        font-size: 14px;
    }
    .head-right-wrap ul li .btn {
        padding:8px 12px;
        font-size: 14px;
    }

    .banner-wrapper .banner-sld-items .banner-content h3{
        font-size: 40px;
    }
    .services-wrap .services-content h3{
        font-size: 20px;
    }
}
/*max width 1200px to 1399px*/
@media(min-width: 1200px) and (max-width: 1399px){

}
/*max width 1199px*/
@media(max-width: 1199px){
    .middle-header .menu-wrap .main-menu li a {
        font-size: 12px;
    }
    .middle-header .menu-wrap > .main-menu > li {
        padding: 0px 5px;
    }
    .head-right-wrap ul{
        gap: 5px;
    }
    .head-right-wrap ul li .btn {
        padding: 8px 10px;
        font-size: 12px;
    }

    .banner-wrapper .banner-sld-items .banner-content h3 {
        font-size: 30px;
    }
    .banner-wrapper .banner-sld-items .banner-content h4{
        font-size: 20px;
    }
    .banner-wrapper .banner-sld-items .bnr-right-content p{
        font-size: 14px;
    }
}

/*max width 992px to 1199px*/
@media(min-width: 992px) and (max-width: 1199px){

}

/*max width 991px*/
@media(max-width: 991px){
    .common-title h4{
        font-size: 15px;
    }
    .common-title h3{
        font-size: 25px;
    }
    .common-title p{
        font-size: 14px;
    }
    /*##### Header css start #####*/
	.middle-header .navbar .menu-wrap {
        position: absolute;
        width: 100%;
        top: 100%;
    }
    .middle-header .menu-wrap .main-menu {
        position: absolute;
        background-color: rgb(0 0 0 / 90%);
        padding: 10px 10px;
    }
    .middle-header .navbar .main-menu > li.menu-item-has-children:after{
        display: none;
    }
    .middle-header .menu-wrap > .main-menu > li.menu-item-has-children .expand{
        padding: 5px 10px;
        line-height: normal;
        background-color: #f7931e;
        top: 1px;
        right: 0px;
        transform: rotate(0deg);
        font-size: 0;
        cursor: pointer;
    }
    .middle-header .menu-wrap > .main-menu > li.menu-item-has-children .expand::before{
        content: "\2b";
        font-family: "fontawesome";
        font-size: 16px;
    }
    .middle-header .menu-wrap > .main-menu > li.menu-item-has-children .expand.active:before{
        content: "\f068";
        font-family: "fontawesome";
        font-size: 16px;
    }
    .middle-header .menu-wrap > .main-menu > li{
        padding: 4px 0px;
    }
    .middle-header .menu-wrap .main-menu > li > a{
        font-size: 14px;
    }
    .middle-header .navbar .main-menu > li .sub-menu li a{
        font-size: 14px;
    }
	/*#### Header css end #####*/

    /* banner css start */
    .banner-content-wrap{
        top: 55%;
    }
    .banner-wrapper .banner-sld-items img{
        height: 550px;
        object-fit: cover;
    }
    .banner-wrapper .banner-sld-items .banner-content h4{
        font-size: 16px;
    }
    .banner-wrapper .banner-sld-items .banner-content h3{
        font-size: 20px;
    }
    .banner-wrapper .banner-sld-items .bnr-right-content{
        text-align: left;
    }
    .banner-counter-wrap{
        bottom: 25px;
    }
    #banner-slider .slick-dots{
        bottom: 35px;
    }

    .banner-counter-wrap{
        left: 13%;
    }
    #banner-slider .slick-dots{
        left: calc(13% + 40px);
    }
    /* banner css end */

    /* about us */
    .about-us-wrapper{
        padding-top: 30px;
    }
    .about-left-wrap{
        margin-top: 0px;
    }

    .about-right-content h5{
        font-size: 18px;
    }
    .about-right-content p{
        font-size: 14px;
    }

    .introducing-guard-content{
        width: 100%;
    }

    /*  */
    .testimonials-wrapper .testimonials-inner-wrap .testimonials-content-wrap .title h3{
        font-size: 25px;
    }
    .testimonials-wrapper .testimonials-inner-wrap .testimonials-content-wrap .title h4{
        font-size: 15px;
    }
    .testimonials-wrapper .testimonials-inner-wrap .testimonials-content-wrap h5{
        font-size: 14px;
    }
    .testimonials-wrapper .testimonials-inner-wrap .testimonials-content-wrap p{
        font-size: 14px;
    }
    .testimonials-wrapper .testimonials-inner-wrap .testimonials-content-wrap h6{
        font-size: 14px;
    }

    /* ### Footer css start #####*/
    .footer-social{
        border-right: 0px;
    }
    .footer-social ul{
        justify-content: end;
    }
    .home .newsletter-footer-wrap{
        padding-top: 30px;
        border-top: 1px solid #28324A;
    }
    /* ### Footer css end #####*/

    /*#### Inner pages css start ####*/
    .inner-banner img{
        height: 370px;
    }
    .inner-banner .inner-banner-cont h1{
        font-size: 25px;
    }

    .services-wrap .services-content h3{
        font-size: 18px;
    }
    /*#### Inner pages css end ####*/
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}

/*max width 767px*/
@media(max-width: 767px){
	/* header banner css start */
    
    .top-head-right .head-social ul li a{
        font-size: 15px;
    }
    .top-head-right .login .common-btn1{
        font-size: 12px;
        padding: 2px 12px;
    }
    /*  */
    .middle-header .navbar .logo-wrap img{
        position: relative;
        width: 100px;
    }
    .head-right-wrap ul{
        gap: 5px;
    }
    .head-right-wrap ul li .btn{
        font-size: 12px;
        padding: 2px 5px;
    }
	/* header banner css end */

    .about-us-wrapper::after{
        top: auto;
        bottom: 10%;
        width: 210px;
        height: 210px;
    }
    .about-left-wrap .about-read-btn{
        top: auto;
        bottom: 0px;
        left: auto;
        right: 0;
    }
    #services-slider{
        margin-top: 30px;
    }
    #services-slider .slick-list{
        width: auto;
    }
    /* footer css start */
    .home .footer-social{
        padding-top: 30px;
    }
    .footer-social{
        border-left: 0;
        border-top: 1px solid #28324A;
    }
    .footer-social ul{
        justify-content: start;
    }

    .footer-wrapper{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    /* footer css end */

    /* services page */
    .services-page-list-wrap .services-list:nth-child(2n+1) .services-wrap{
        flex-direction: column;
    }
    /* services page */
    .registraion-form-wrap .form-group label, .registraion-form-wrap .form-group .form-control {
        font-size: 14px;
    }
    .registraion-form-wrap .form-group.FileUpload-box label .Custom-UploadFile {
        gap: 10px;
        padding: 20px;
        min-height: 140px;
    }
    .registraion-form-wrap .form-group.FileUpload-box label .Custom-UploadFile .FileClick-btn {
        min-height: 40px;
        font-size: 12px;
    }
    .form-group small {
        font-size: 12px;
    }
    .registraion-form-wrap {
        padding: 25px 25px;
    }
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){
	/* header banner css start */
    .top-header .head-call{
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .top-header .head-call p{
        font-size: 13px;
    }
    .top-head-right .head-social ul li{
        margin-right: 5px;
    }
    .top-head-right .head-social ul li a {
        font-size: 13px;
    }
    .middle-header .navbar .logo-wrap{
        position: relative;
        width: 100%;
        text-align: center;
    }
    .middle-header .navbar{
        padding: 0px 10px;
    }
	/* header banner css end */
}

@media(max-width:360px){
    .head-right-wrap ul li .btn {
        font-size: 11px;
        padding: 2px 3px;
    }
}