/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {
 
}
  
  
 /* large desktop :2001px. */
 @media (min-width: 2001px) and (max-width: 2160px) {
.fastfriendly-img {
    width: 100%;
    height: 100%;
    }
.aboutservicesimg03 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

}

/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1600px) {
	
 }



/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.logo {
    width: 135px;
    margin: 2px 0px;
    }
.stellarnav ul {
    margin: 20px 0px;
    gap: 54px;
    }
.aboutservicesright h2 {
    margin: 0px 0px 6px 0px;
    font: normal normal normal 37px/48px DM Serif Display;
    }
.aboutservices-section {
    padding: 45px 0px;
    }
.ourservices-section {
    padding: 40px 0px;
    }
.aboutservicesright p {
    margin: 0px 0px 14px 0px;
    font: normal normal normal 16px/23px Outfit;
    }
.ourservices-section h2 {
    margin: 0px 0px 24px 0px;
    font: normal normal normal 36px/30px DM Serif Display;
    }
.ourservicestext p {
    margin: 0px 0px 15px 0px;
    font: normal normal normal 14px/18px Outfit;
    }
.fastfriendly h2 {
    margin: 10px 0px;
    font: normal normal normal 31px/28px DM Serif Display;
    }
.breadcumb img {
    height: 250px;
    max-height: 250px;
    }
.hero-content h2 {
    font: normal normal normal 37px/30px DM Serif Display;
    }
.faqservices-section {
    padding: 42px 0px;
    }
.accordion-body p {
    padding: 0px 0px;
    font-size: 14px;
    }

  }



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.stellarnav {
    justify-content: right;
    }
.stellarnav.mobile.right > ul {
    margin: 0px 0px;
    z-index: 999;
    background: #000000;
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #d8e5ee;
    padding: 12px 6px;
    }
.stellarnav > ul > li > a:hover {
    color: #FFD11A;
    }
.stellarnav > ul > li > a.active {
    color: #FFD11A !important;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #FFD11A;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #FFD11A;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    border-bottom: 1px solid rgba(210, 176, 176, 0.15);
    padding: 0px 17px !important;
    font-size: 17px;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.main-nav.scroll {
    height: 62px;
    }
.stellarnav .menu-toggle span.bars {
    top: 13px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 3px;
    margin: 0 0 4px;
    background: #fff;
    }
 .logo {
    width: 92px;
    margin: 11px 0px;
    }
.main-nav.scroll .logo {
    margin: 6px 0px;
    width: 65px;
    }
.bannercarousel-text h2 {
    padding: 0px 0px 4px 0px;
    font-size: 34px;
    line-height: 36px;
    }
.bannercarousel-text {
    text-align: left;
    padding: 0px 5%;
    top: 50%;
    }
.bannercarousel-text p {
    margin: 0px 0px 17px 0px;
    font-size: 14px;
    line-height: 20px;
    }
.btn-readmore {
    padding: 9px 19px;
    font-size: 16px;
    }
.banner-section .owl-nav .owl-prev {
    top: 48%;
    left: 45px;
    }
.banner-section .owl-nav .owl-next {
    top: 48%;
    right: 45px;
    }
.stellarnav ul {
    margin: 0px 0px 0px 0px;
    }
.aboutservicesimg01 {
    margin: 0px 0px 31px 0px;
    width: 100%;
    height: 437px;
    }
 .aboutservicesimg03 {
    height: auto !important;
    }
.breadcumb img {
    height: 230px;
    max-height: 230px;
    }
.hero-content h2 {
    font: normal normal normal 35px/30px DM Serif Display;
    }
 .faqservices-section {
    padding: 43px 0px;
    }
.accordion-body p {
    padding: 0px 0px;
    font-size: 14px;
    }



.gettouch {
    padding: 21px 0px 0px 0px;
    }
.footer .square-img2 {
    width: 329px;
    }
.footer-links ul li {
    width: 50%;
    }
.footer .square-img1 {
    left: 4%;
    width: 103px;
    top: -37px;
    }
.copyright {
    text-align: center;
    }
.gettouch p {
    font-size: 14px;
    }
.footer-links ul li a {
    font-size: 14px;
    }
.footer-social-icons a .fa {
    padding: 0px 0px;
    font-size: 17px;
    line-height: 29px;
    text-align: center;
    }
.footer-links h2 {
    text-align: left;
    }
.footer-links h6 {
    text-align: left;
    }
.copyright {
    padding: 17px 0px;
    font-size: 14px;
    }
   
 }



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
.container-fluid {
    padding: 0px 14px !important;
    }
.main-nav.scroll {
    height: 57px;
    }
.stellarnav ul {
    margin: 0px 0px 0px 0px;
    }
.logo {
    width: 66px;
    margin: 11px 0px;
    }
.main-nav.scroll .logo {
    margin: 3px 0px;
    width: 60px;
    }
.stellarnav {
    justify-content: end;
    align-items: center;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 2px;
    margin: 0 0 4px;
    background: #f5e9fd;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #000000;
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #d8e5ee;
    padding: 12px 6px;
    }
.stellarnav > ul > li > a:hover {
    color: #FFD11A;
    }
.stellarnav > ul > li > a.active {
    color: #FFD11A !important;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #FFD11A;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #FFD11A;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    border-bottom: 1px solid rgba(210, 176, 176, 0.15);
    padding: 0px 14px !important;
    font-size: 15px;
    }
.stellarnav .menu-toggle span.bars {
    top: 11px !important;
    }

.bannercarousel-text {
    top: 47%;
    padding: 0px 4%;
    }
.bannercarousel-text h2 {
    margin: 6px 0px 0px 0px;
    padding: 0px 0px;
    font-size: 36px;
    line-height: 52px;
}
.banner-section .owl-theme .owl-dots .owl-dot span {
    width: 9px;
    height: 9px;
    }
.banner-section .owl-dots {
    bottom: 0px;
    }
.aboutservices-section {
    padding: 37px 0px;
    }
.aboutservicesimg01 {
    width: 100%;
    height: auto;
    }
 .aboutservicesright h2 {
    margin: 23px 0px 13px 0px;
    font: normal normal normal 27px/30px DM Serif Display;
    }
.aboutservicesright p {
    margin: 0px 0px 19px 0px;
     font: normal normal normal 14px/20px Outfit;
    }
.ourservices-section {
    padding: 23px 0px;
    }
.ourservices-section h2 {
    margin: 0px 0px 14px 0px;
    font: normal normal normal 27px/30px DM Serif Display;
    }
.ourservices-img {
    height: 202px;
    }
.ourservicestext p {
    margin: 0px 0px 15px 0px;
    font: normal normal normal 15px/20px Outfit;
    min-height: auto;
    }
.ourservices-btn {
    margin: 0px 0px 31px 0px;
    }
.fastfriendly {
    padding: 8px 20px;
    }
.fastfriendly h2 {
    margin: 27px 0px 5px 0px;
    font: normal normal normal 25px/30px DM Serif Display;
    }
.fastfriendly-img {
    height: auto;
    }

.breadcumb img {
    height: 169px;
    max-height: 169px;
    }
.hero-content h2 {
    font: normal normal normal 26px/30px DM Serif Display;
    }
.aboutservicesimg02 {
    margin: 0px 0px 16px 0px;
    }
.faqservices-section {
    padding: 29px 0px;
    }
.accordion-button {
    width: 100%;
    padding: 8px 8px;
    font-size: 14px;
    line-height: 15px;
    }
 .accordion-body p {
    padding: 0px 0px;
    color: #343434;
    font-size: 12px;
    line-height: 17px;
    }
.footerlogo {
    margin: 5% auto 13% auto;
    width: 130px;
    }
.gettouch {
    padding: 0px 0px 0px 0px;
    }
.footer-links ul li {
    font: normal normal normal 25px/25px Outfit;
    width: 50%;
    }
.footer-links ul li a {
    font-size: 15px
    }
.footer-links h2 {
    margin: 0px 0px 21px 0px;
    font: normal normal normal 21px/17px Outfit;
    text-align: left;
    }
 .footer-links h6 {
    text-align: left;
    }

.footer-social-icons {
    margin: 0px 0px;
    }
.copyright {
    margin: 20px 0px 0px 0px;
    padding: 11px 0px;
    font-size: 13px;
    text-align: center;
    }
.copyright .text-right {
    text-align: center !important;
    }
.footer-logo-area {
    margin: 0px auto 13px auto;
    width: 172px;
    }
.footer {
    padding: 28px 0px 0px 0px;
    }
.footer-social-icons {
    text-align: center;
    }
.footer-social-icons a .fa {
    text-align: center;
    padding: 6px 0px;
    }
.copyright-left {
    text-align: center;
    font-size: 12px;
    }
.copyright-right {
    text-align: center;
    }


}