@media (min-width: 1021px) and (max-width: 1280px) {

#cssmenu > ul > li > a{	padding: 0px 15px;}

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

.banner-slider-sec{height: 500px}
.servbox{height: 350px;}
.bor-left, .bor-left1{min-height: 205px;}
.process-lgt::after{top: 44%;width: 31%;}
.right-menu{text-align: left; margin-right: 0px;}
}
/*=======================radio filters: mobile and tablet=======================*/
@media (max-width:991px) {
.js .mobile-filter-toggle {
    display: flex;
}
.js .filter-form-panel:not(.is-open) {
    display: none;
}
.mobile-filter-toggle {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    margin: 0 0 14px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #171717;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}
.mobile-filter-toggle-label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mobile-filter-toggle-label > .fa {
    color: #e32129;
}
.mobile-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 12px;
    color: #171717;
    background: #fff;
    font-size: 11px;
}
.mobile-filter-chevron {
    transition: transform .2s ease;
}
.mobile-filter-toggle.is-open .mobile-filter-chevron {
    transform: rotate(180deg);
}
.filter-form-panel.is-open {
    animation: filter-panel-in .2s ease-out;
}
@keyframes filter-panel-in {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.enq-form-list{display: none;}
}

/*======================================768 to 991=====================================*/
@media (min-width:768px) and (max-width:991px) {
.bor-left{width: 49%;}
.banner-slider-sec{height: 600px;}
.banner-slider-sec .slider-txt{padding-left: 5%; width: 55%;}
.aboutin>.col-sm-4{width: 49%; margin-bottom: 20px;}
.servbox{width: 46.8%; margin-bottom: 20px;}
.whyus-sec{padding: 50px 0px}
.whyus-rgt{margin-right: 3%; width: 41%}
.contact-tag>.col-sm-7{width: 52%;}
.counter-sec{padding: 0px}
.counter-sec .big-ttl::before{right: 9%;}
.process-lgt::after{width: 42%;top: 44%;}
.process-lgt, .process-rgt{height: 262px;}
.callus{width: 186px; margin-left: -29px;}
.inner-header>.col-sm-7{width: 44%}
.servicesin .rgt-txt{width: 88%; padding: 8px 0 0 9%}
.promis{width: 49%}
.foliobox{margin: 20px 0px 20px 73px}
.right-menu{text-align: left; margin-right: 0px; position: relative;}
.right-menu.open{position: relative;}
#cssmenu ul.right-menu.open  > li > a:hover{ background: #000; color: #fff;}
.sticky-enquiry{right: -14%; bottom: 14%}
.whyus-left ul li h3{margin-top: 0px;}
.whyus-left ul li::before{top: 2px;}
}
/*===========================max width 600px=============================*/
@media (max-width:600px) {
.callus{padding: 11px 25px 13px 47px; margin: 5px 0 5px 0%;}
	.servbox{width: 90%; margin: 0px 24px 5% 5%}
	.whyus-rgt{width: 90%;}
	.banner-slider-sec .slider-txt h2{font-size: 27px;}
	.banner-slider-sec .slider-txt{padding-top: 8%;padding-left: 4%;width: 70%;}
	.banner-slider-sec{height: 373px;}
	.process-lgt::before, .process-lgt::after, .process-rgt::before{ display: none; }
.process-lgt, .process-rgt{margin-left: 0px; margin-right: 0px;}
.right-menu{text-align: left; margin-right: 0px;}
.whatsapp-sticky{right: 0%;}
.pagination{float: left; gap: 12px; align-items: flex-start; margin: 6px 0 0px 0; width: 95%;}
.sticky-enquiry{display:none !important;}
.homebtn{display: none;}
.contact-tag button {float: left!important; margin-bottom: 20px;}
.button{top: -38px;}
.justinfo{margin-bottom: 16px;}
}
/*===========================max width 480px=============================*/
@media (max-width:481px)  and (max-width:767px) {
.callus{width: 93%; padding-left: 29%; margin-left: 10px; margin-top: 21px; margin-bottom: 20px;}
.callus::before, .callus:hover::before{left: 19px;}
.banner-slider-sec{height: 349px;}
.banner-slider-sec .slider-txt{width: 90%;padding-left: 3%;}
.banner-slider-sec .slider-txt h2{font-size: 22px; line-height: 37px;}
.banner-slider-sec .slider-txt h5{margin-bottom: 20px;}
.aboutin{margin: 0px 0px 0 6px}

.servbox{width:96%; margin: 0px 24px 10px 6px; min-height: auto;}
.whyus-rgt{width: 100%; margin-top: 20px}
.process-lgt::before, .process-lgt::after, .process-rgt::before{ display: none; }
.process-lgt, .process-rgt{margin-left: 0px; margin-right: 0px;}
.servicesin .rgt-txt{width: 88%;padding: 8px 0 0 11%;}
.promis{width: 50%}
.filter ul li{margin-bottom: 20px;}
.figure img{width: 89%; height: auto; margin: 0px}
.blogbox{width: 92%; margin: 0px 24px 20px 13px;}
.chatIcon{display: none;}
.bor-left, .bor-left1{display: none;}
.right-menu{text-align: left; margin-right: 0px;}
.whatsapp-sticky{right: 0%;}
.pagination{float: left; gap: 12px; align-items: flex-start; margin: 6px 0 0px 0; width: 95%;}
.sticky-enquiry{display:none !important;}
.homebtn{display: none;}
.contact-tag button {float: left!important; margin-bottom: 20px;}
.button{top: -38px;}
}
/*===========================max width 360px===========================*/
@media (min-width:360px)  and (max-width:480px) {
.callus{width: 93%; padding-left: 29%; margin-left: 10px; margin-top: 21px; margin-bottom: 20px;}
.callus::before, .callus:hover::before{left: 19px;}
.banner-slider-sec{height: 349px;}
.banner-slider-sec .slider-txt{width: 90%;padding-left: 3%;}
.banner-slider-sec .slider-txt h2{font-size: 22px; line-height: 37px;}
.banner-slider-sec .slider-txt h5{margin-bottom: 20px;}
.aboutin{margin: 0px 0px 0 6px}

.servbox{width: 96%; margin: 0px 24px 10px 6px; min-height: auto;}
.whyus-rgt{width: 100%; margin-top: 20px}
.process-lgt::before, .process-lgt::after{ display: none; }
.whyus-rgt{width: 100%; margin-top: 20px}
.process-lgt::before, .process-lgt::after, .process-rgt::before{ display: none; }
.process-lgt, .process-rgt{margin-left: 0px; margin-right: 0px;}
.servicesin .rgt-txt{width: 88%;padding: 8px 0 0 11%;}
.promis{width: 50%}
.filter ul li{margin-bottom: 20px;}
.figure img{width: 89%; height: auto; margin: 0px}
.blogbox{width: 92%; margin: 0px 24px 20px 13px;}
.chatIcon{display: none;}
.bor-left, .bor-left1{display: none;}
.right-menu{text-align: left; margin-right: 0px;}
.whatsapp-sticky{right: 0%;}
.pagination{float: left; gap: 12px; align-items: flex-start; margin: 6px 0 0px 0; width: 95%;}
.sticky-enquiry{display:none !important;}
.button{top: -38px;}
.homebtn{display: none;}
.contact-tag button {float: left!important; margin-bottom: 20px;}
}
/*===========================max width 320px===========================*/
@media (min-width:320px) and (max-width:360px) {
.callus{width: 93%; padding-left: 29%; margin-left: 10px; margin-top: -23px; margin-bottom: 20px;}
.callus::before, .callus:hover::before{left: 19px;}
.banner-slider-sec{height: 349px;}
.banner-slider-sec .slider-txt{width: 90%;padding-left: 3%;}
.banner-slider-sec .slider-txt h2{font-size: 22px; line-height: 37px;}
.banner-slider-sec .slider-txt h5{margin-bottom: 20px;}
.aboutin{margin: 0px 0px 0 6px}
/*#cssmenu > ul > li > a{background: #000; color: #faaf12; transition: 0.2s;}*/
.servbox{width: 96%; margin: 0px 24px 10px 6px; min-height: auto;}
.whyus-rgt{width: 100%; margin-top: 20px}
.process-lgt::before, .process-lgt::after, .process-rgt::before{ display: none; }
.process-lgt, .process-rgt{margin-left: 0px; margin-right: 0px;}
.servicesin .rgt-txt{width: 88%;padding: 8px 0 0 11%;}
.promis{width: 50%}
.filter ul li{margin-bottom: 20px;}
.figure img{width: 89%; height: auto; margin: 0px}
.blogbox{width: 92%; margin: 0px 24px 20px 13px;}
.chatIcon{display: none;}
.bor-left, .bor-left1{display: none;}
.right-menu{text-align: left; margin-right: 0px;}
.whatsapp-sticky{right: 0%;}
.sticky-enquiry{display:none !important;}
.pagination{float: left; gap: 12px; align-items: flex-start; margin: 6px 0 0px 0; width: 95%;}
#cssmenu{margin-top: -7px;}
.button{top: -38px;}
.station-actions .btn-primary{margin-bottom: 20px;}
.homebtn{display: none;}
.contact-tag button {float: left!important; margin-bottom: 20px;}
}