@media( max-width: 767px){
     body{
         margin: 55px 0 0;
    }
     .header-area {
         padding: 10px 0;
         position: fixed;
         width: 100%;
         top: 0;
         background-color: #ffffff;
         z-index: 9;
    }
     .header-area .col-md-auto.navbar-expand-md{
         background-color: #003240;
         position: absolute;
         top: 0;
         left: 0;
    }
     .header-area .col-md{
         z-index: 99;
    }
     .mobile-menu{
         display: block;
    }
     .logo {
         float: left;
         margin-bottom: 0;
         width: calc(100% - 40px);
    }
     .logo img.logo-1{
         max-width: 150px;
    }
     body.active .logo img.logo-1{
         display: none;
    }
     .logo img.logo-2{
         min-width: 42px;
    }
     body.active .logo img.logo-2{
         display: block;
    }
     .mobilemenu-bar {
         float: right;
         margin-left: 10px;
         width: 30px;
    }
     a.anchor-link {
         display: inline-block;
    }
     body.active .mobilemenu {
         margin-top: -13px;
         padding-top: 13px;
         min-height: 45px;
    }
     .mobilemenu > span {
         background-color: #003240;
         border-radius: 2px;
         display: block;
         height: 4px;
         margin: 4px 0;
         width: 30px;
         transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
         -webkit-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
    }
     body.active .mobilemenu > span {
         background-color: #ffffff;
         height: 3px;
    }
     body.active .mobilemenu > span:first-child {
         margin-top: 13.5px;
         -webkit-transform: rotate(50deg);
         transform: rotate(50deg);
    }
     body.active .mobilemenu > span:last-child {
         margin-top: -7px;
         -webkit-transform: rotate(-50deg);
         transform: rotate(-50deg);
    }
     body.active .mobilemenu > span:nth-child(2) {
         display: none;
    }
     .nav-menu > ul{
         padding-top: 90px;
    }
     .nav-menu ul {
         text-align: center;
         position: relative;
         padding-bottom: 30px;
         margin-bottom: 30px;
    }
     .nav-menu ul:after {
         position: absolute;
         content: "";
         width: 70%;
         height: 2px;
         border-bottom: 1px solid #003d49;
         left: 50%;
         bottom: 0;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
    }
     .nav-menu > ul li {
         display: block;
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 15px;
    }
     .nav-menu ul li a{
         color: #ffffff;
    }
     .nav-menu > ul li a, ul.main-menu li.parrent-item:last-child > a, ul.main-menu li.parrent-item > ul li a {
         font-family: "QuincyCF-Regular";
         font-size: 24px;
         font-weight: 400;
    }
     .nav-menu > ul li:last-child a {
         font-weight: 700;
         font-family: 'Inter', sans-serif;
         margin-top: 10px;
    }
     .mobile-menu ul {
         margin-bottom: 39px;
    }
     .mobile-menu ul li a {
         font-size: 14px;
         text-transform: uppercase;
    }
     .mobile-menu ul li {
         margin-bottom: 7px;
    }
     .main-area {
         background-image: none;
         padding-top: 30px;
    }
     .section-header {
         max-width: 283px;
         margin-left: auto;
         margin-right: auto;
    }
     .section-header h5 {
         font-size: 18px;
         line-height: 21px;
         margin-bottom: 15px;
    }
     .section-header h1 {
         font-size: 48px;
         line-height: 1;
    }
     .section-form .nav li a {
         padding: 13px 15px;
         max-width: 154px;
         font-size: 14px;
    }
     .form-box {
         padding: 40px 25px 40px;
    }
     .col-md-3.text-center:first-child .video-guarantee {
         margin-bottom: 60px;
    }
     .popup-left {
         padding: 12px 35px;
    }
     .popup-left .btn-close {
         top: 16px;
         left: 16px;
    }
     .popup-right {
         padding: 50px 10px 10px;
    }
     .single-review {
         margin-top: 25px;
    }
     section.testimonials-area {
         background-image: none;
    }
     .all-testimonials h2 {
         font-size: 36px;
         line-height: 42px;
         margin-bottom: 20px;
    }
     .owl-dots, .footer-bottom {
         display: none;
    }
     .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
         position: inherit;
         margin-top: 20px;
         margin-left: 22px;
         margin-right: 22px;
    }
     .videos-area, .testimonials-area, .footer-area, .review-area {
         padding: 70px 0;
    }
     .footer-divider {
         margin-top: 80px;
         margin-bottom: 0;
    }
     .get-a-quote .section-header {
         margin-top: 0;
         max-width: inherit;
    }
     .get-a-quote .section-header h1 {
         font-size: 48px;
    }
     .get-a-quote .form-note {
         padding-left: 0;
    }
     ul.main-menu {
         margin-right: 0;
    }
     ul.main-menu + ul{
         padding-top: 0;
    }
     ul.main-menu li.parrent-item > ul {
         position: inherit;
         left: inherit !important;
         background-color: inherit;
         padding: inherit;
         top: inherit;
         display: none;
         margin-bottom: 0;
         opacity: 1;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
         filter: alpha(opacity=100);
         transform: translateY(0px);
         -moz-transform: translateY(0px);
         -webkit-transform: translateY(0px);
    }
     ul.main-menu li.parrent-item, ul.main-menu li, ul.main-menu li.parrent-item > ul li {
         margin-right: 0;
         padding-bottom: 0;
         margin-bottom: 12px;
    }
     ul.main-menu > li:after, ul.main-menu li.parrent-item > ul:after{
         content: none;
    }
     ul.main-menu li.parrent-item > a, ul.main-menu li.parrent-item:last-child > a {
         background-image: url(img/menu-right-arrow.png);
         background-position: center right;
         padding-right: 25px;
    }
     ul.main-menu li.parrent-item:last-child > a{
         color: #ffffff !important;
         margin-top: 0;
    }
     ul.main-menu li.parrent-item > ul li a{
         padding-right: 0;
    }
     .open-submenu ul.main-menu li.parrent-item > a {
         background-image: none;
         padding-right: 0;
         color: #0e4d5e !important;
         font-size: 12px;
         font-weight: 700;
         font-family: 'Inter', sans-serif;
         text-transform: uppercase;
         margin-bottom: 20px;
         display: block;
    }
     ul.main-menu li.parrent-item.mega-menu > ul{
         min-height: auto;
    }
     ul.main-menu li.parrent-item.mega-menu > ul li:last-child {
         position: inherit;
         left: inherit;
         top: inherit;
         padding: 40px;
         width: 100%;
		 display: none;
    }
	 ul.main-menu li.parrent-item > ul li a:hover{
		  background-image: none;
	}
     .active-submenu p.go-back {
         background-image: url(img/go-back.png);
         background-repeat: no-repeat;
         display: block;
         color: #fff;
         font-weight: 700;
         font-size: 12px;
         padding-left: 28px;
         background-position: left center;
         margin-bottom: 60px;
         max-width: 85px;
         margin-left: auto;
         margin-right: auto;
    }
     p.go-back:after {
         content: "";
         height: 2px;
         border-top: 1px solid #003d49;
         width: 246px;
         left: -80px;
         bottom: -30px;
         position: absolute;
    }
     .hero-area {
         padding-top: 0;
         padding-bottom: 50px;
         background-image: none;
         text-align: center;
    }
     .hero-thumb > img {
         position: inherit;
         right: inherit;
         max-width: 100%;
    }
     .hero-content h1 {
         font-size: 48px;
         margin-bottom: 25px;
         line-height: 48px;
         margin-top: 30px;
    }
     .hero-content h6 {
         font-size: 18px;
         margin-bottom: 25px;
         max-width: 260px;
         line-height: 21px;
         margin-left: auto;
         margin-right: auto;
    }
     .hero-content p {
         margin-bottom: 30px;
         padding: 0 20px;
    }
     .special-content h3 {
         margin-bottom: 30px;
    }
     .red-teaser-area {
         padding-top: 70px;
         padding-bottom: 0;
    }
     .red-teaser-icon {
         width: 60px;
         margin-right: 20px;
    }
     .red-teaser-info {
         width: calc(100% - 80px);
         margin-bottom: 70px;
    }
     .boost-area {
         padding: 50px 0;
    }
     .boost-content {
         padding-left: 0;
         margin-top: 30px;
    }
     .get-rate-area, .three-teaser-area {
         padding: 70px 0 20px;
    }
     .get-rate-item h4 {
         min-height: inherit;
    }
     .get-rate-item p {
         padding-bottom: 0;
    }
     .three-teaser-area{
         padding-bottom: 0;
    }
     .get-rate-heading h1 {
         line-height: 42px;
    }
     .three-teaser-item {
         margin-top: 0;
         margin-bottom: 70px;
    }
     .get-rate-heading p,.inner-header {
         padding-left: 0;
         padding-right: 0;
    }
     .rates-hero-left-content {
         padding-left: 0;
    }
     .rates-hero-right-content {
         padding-right: 0;
    }
     .three-teaser-heading p, .three-teaser-item p {
         padding: 0;
    }
     .bottom-tab-area {
         padding: 30px 0;
    }
     .bottom-tab-content h1 {
         font-size: 42px;
         padding-top: 30px;
         margin-bottom: 30px;
         padding-right: 15px;
         padding-left: 15px;
         line-height: 42px;
    }
     .bottom-tab .nav li {
         margin: 0 10px;
    }
     .bottom-tab-content .tab-content{
         padding: 0 15px 15px;
    }
     .bottom-tab .nav li a {
         font-size: 16px;
         margin-bottom: 30px;
    }
     .smart-tech-left {
         margin-bottom: 35px;
    }
     .inner-header-area {
         padding-top: 35px;
         padding-bottom: 25px;
         text-align: center;
    }
     .inner-header h6 {
         margin-bottom: 20px;
    }
     .inner-header h1 {
         font-size: 48px;
         line-height: 48px;
    }
     section.big-thumb-bg {
         background-image: none;
         padding-bottom: 30px;
    }
     section.left-image-section {
         text-align: center;
         padding-bottom: 50px;
    }
     .left-image-section .col-md-6:first-child{
         display: none;
    }
     .blue-three-teaser {
         padding-top: 90px;
         padding-bottom: 50px;
    }
     .blue-teaser img {
         margin-bottom: 20px;
    }
     .promo-area {
         padding-top: 85px;
         padding-bottom: 35px;
    }
     .another-promo-area {
         padding-top: 70px;
         padding-bottom: 70px;
         background-image: none;
    }
     .categories-area {
         padding-top: 60px;
         padding-bottom: 30px;
    }
     .categories-heading {
         margin-bottom: 40px;
    }
     .smart-tech-area {
         padding-top: 70px;
         padding-bottom: 70px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 993px) {
     ul.main-menu {
         margin-right: 0;
    }
     .nav-menu > ul > li {
         margin-left: 5px;
    }
     .nav-menu > ul > li:first-child {
         margin-left: 0;
    }
     ul.main-menu li.parrent-item {
         margin-right: 5px;
    }
     .nav-menu > ul > li:last-child > a {
         font-size: 13px;
         padding: 4px 8px;
         border-radius: 4px;
    }
     ul.main-menu li.parrent-item > a, .nav-menu > ul.main-menu > li:last-child > a {
         padding-right: 11px;
    }
}
 @media only screen and (min-width: 993px) and (max-width: 1200px) {
     ul.main-menu {
         margin-right: 0;
    }
     .nav-menu > ul > li {
         margin-left: 10px;
    }
     .nav-menu > ul > li:last-child > a {
         font-size: 14px;
         padding: 6px 10px;
         border-radius: 4px;
    }
     ul.main-menu li.parrent-item {
         margin-right: 10px;
    }
     ul.main-menu li.parrent-item > a, .nav-menu > ul.main-menu > li:last-child > a {
         padding-right: 12px;
    }
}
 @media only screen and (min-width: 1280px) and (max-width: 5500px) {
     .fancybox-content {
         width: 800px !important;
         height: 450px !important;
    }
}