@charset "UTF-8";
.wpcf7-form-control-signature-wrap{
position:relative;
}
.wpcf7-form-control-signature-body{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.wpcf7-form-control-signature-body canvas{
position: absolute;
left: 0;
top: 0;
width:100%;
height:100%;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
     body, p, li, a {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #333;
}
ul {
margin: 0px;
padding: 0;
}
li{
list-style: none;
}
a:hover{
text-decoration: none;
}
h1, h2, h3, h4, h5{
font-family: "Oswald", sans-serif;
color: #0b52a2;
font-weight: 600;
} .top-header {background-color: #0b52a2;padding: 15px 0px;}
.add-phone ul, .work-social ul{display: flex; gap:40px;}
.add-phone li, .work-social li {color: #fff;font-size: 14px; display: flex; align-items: center;}
.add-phone li a, .work-social li a {color: #fff;font-size: 14px;}
.add-phone li span, .work-social li span{margin-left: 5px;line-height: 20px;}
.work-social .social-media-top {gap: 10px;}
.work-social ul{gap:50px;}
.add-phone li, .work-social li .fa {font-size: 21px;}
.add-phone li:first-child a {
font-size: 16px;
}  nav {position: relative;width: 100%;margin: 0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border: 0;list-style: none; line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: right;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
#cssmenu #head-mobile {display: none}
#cssmenu {font-family: sans-serif;background: #fff}
#cssmenu > ul > li {float: left}
#cssmenu > ul > li > a {padding: 13px;font-size: 16px;text-decoration: none;color: #0b52a2;font-weight: normal;}
#cssmenu > ul > li:hover > a,#cssmenu ul > li.active a {color: #0b52a2}
#cssmenu ul > li.active a {color: #0b52a2;font-weight: bold;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {-webkit-transition: background .3s ease;-ms-transition: background .3s ease;transition: background .3s ease;}
#cssmenu > ul > li.has-sub > a {padding-right: 30px} #cssmenu > ul > li.has-sub > a:before {position: absolute;top: 13px;right: 15px;display: block;content: '\f107';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease; font-family: FontAwesome;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 13px;height: 0}
#cssmenu ul ul {position: absolute;left: -9999px;top: 40px;z-index: 9;}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;background: #0b52a2;transition: all .25s ease}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left: auto}
#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul ul ul {margin-left: 100%;top: 0}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(251, 248, 248, 0.15);padding: 11px 15px;width: 200px;font-size: 15px;text-decoration: none;color: #ddd;font-weight: 400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #fff}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: ''}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #363636;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333}
.navbar-wrapper .row {align-items: center;}
#cssmenu > ul > li:first-child a {padding-left: 0;}
#cssmenu > ul > li:last-child a {padding-right: 0;}
.navbar-wrapper .col-md-3tr {position: absolute;left: 15px;z-index: 9;top: 0;top:8px;}
.navbar-wrapper .col-md-3tr .logo img{max-width: 270px; width: 100%;}
.navbar-wrapper .row {position: relative;}
.navbar-wrapper .row {position: relative;padding-top: 15px;padding-bottom: 15px;}
@media screen and (max-width:1024px) {
nav {width: 100%;}
#cssmenu {width: 100%}
#cssmenu ul {width: 100%;display: none}
#cssmenu ul li {width: 100%;border-top: 1px solid #444}
#cssmenu ul li:hover {background: #363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu > ul > li {float: inherit;}
#cssmenu ul ul li a {padding-left: 25px}
#cssmenu ul ul li {background: #0b52a2!important;}
#cssmenu ul ul li:hover {background: #363636!important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li a {color: #ddd;background: none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #fff}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none}
#cssmenu #head-mobile {display: block;padding: 23px;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;position: absolute;right: 0;top: 15px;cursor: pointer;z-index: 12399994;}
.button:after {position: absolute;top: 22px;right: 20px;display: block;height: 8px;width: 20px;border-top: 2px solid #0b52a2;border-bottom: 2px solid #0b52a2;content: ''}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 16px;right: 20px;display: block;height: 2px;width: 20px;background: #0b52a2;content: ''}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 23px;border: 0;height: 2px;width: 19px;background: #0b52a2;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.button.menu-opened:before {top: 23px;background: #0b52a2;width: 19px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 42px;width: 42px;cursor: pointer}
#cssmenu .submenu-button.submenu-opened {background: #0b52a2}
#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #0b52a2;content: ''}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}
#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #0b52a2;content: ''}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}
#cssmenu .submenu-button.submenu-opened:before {display: none}
#cssmenu ul ul ul li.active a {border-left: none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
#cssmenu > ul > li:first-child a {padding-left: 13px;}
#cssmenu ul ul {z-index: 9;}
#cssmenu ul ul {top: 0px;}
.open {top: 10px;}	
#cssmenu ul li:hover {
background: #fff;
}	
}
.navbar-wrapper {background-color: #fff;}
#cssmenu {padding-top: 15px; padding-bottom: 15px;}
#cssmenu > ul > li:last-child a {padding-right: 0;}  footer {padding: 50px 0 35px; background: #0b52a2;}
footer h3, footer h5, footer li, footer a, footer p, foote .fa{color:#fff; line-height: normal;}
footer a:hover{color:#fff}
footer h3{margin-bottom: 30px; line-height: 24px;font-size: 24px;}
footer h5{font-size: 16px;font-family: "Open Sans", sans-serif;font-weight: bold;}
footer li, footer a, footer p{font-size: 16px;}
.bottom-footer {background: #000;text-align: center;padding: 8px 0;}
.bottom-footer p{color: #fff; font-size: 14px; margin:0px;}
footer .row {display: flex;flex-wrap: nowrap;gap: 20px;}
.contact-footer {max-width: 350px;width: 100%;}
.products-footer {max-width: 170px;width: 100%;}
.services-footer {max-width: 210px;width: 100%;}
.testimonials-footer {max-width: 340px;width: 100%;}
footer .fa {font-size: 24px;}
footer li{display: flex;align-items: center;gap: 5px; margin-bottom: 14px}
.social-media-footer {display: flex;gap: 8px;}
.social-media-footer .fa{font-size: 21px;}
.social-media-footer li {margin-bottom: 0;}
.contact-footer li, .contact-footer a {font-size: 14px;}
a#backToTop {opacity: 1;position: fixed;bottom: 25px;right: 25px;display: none;background-color: #797979;width: 48px;height: 48px;border-radius: 50%;text-align:center;line-height: 43px;color: #fff;}
.contact-footer li:first-child a {font-size: 16px;} .main-carousel .slide-text {position: absolute;right: 0;bottom: 0;z-index: 1;text-align: center;background-color: rgba(0,0,0,0.5); padding:10px 20px;}
.main-carousel .slide-text h3{font-size: 36px;line-height: normal;color:#fff;font-weight: 600;margin-bottom: 0}
.main-carousel .owl-nav {display: none;} .about-part {margin-top: 60px;background: url(), #fff;background-repeat: no-repeat;background-position: left center;background-size: 48%;}
.about-section {display: flex; align-items: center;}
.about-section h5 {font-size: 15px; font-family: "Open Sans", sans-serif; margin-bottom: 0; font-weight: 500;}
.about-section h1 {font-size: 36px; margin-bottom: 22px;}
.col-md-6.about-content{padding-top: 30px; padding-bottom: 30px;}
.callout-section .row {margin: 0;}
.callout-section ul {display: flex;margin: 0;width: 100%;margin-left:0; gap:25px;} .callout-section ul li {display: flex;flex-direction: column;width: 20%;justify-content: center;align-items: center;background: #0b52a2;padding: 25px 0;border-radius: 50px;}
.callout-section ul li:nth-child(2n) {background: #797979;}
.callout-section ul li img{width: auto;}
.callout-section ul li a {font-size: 30px;color: #fff;font-family: "Oswald", sans-serif;font-weight: 600;line-height: 48px;}
.read-more-round {padding: 15px;border-radius: 28px;font-size: 21px;font-family: "Oswald", sans-serif;display: inline-block;margin-top: 20px;min-width: 180px;text-align: center;color: #fff;background: #797979;}
.read-more-round:hover{background-color: #4a4747; color:#fff}
.callout-section23 {
background: #f1efef;
padding: 50px;
text-align: center;
}
.callout-section23 li {
border: 1px solid #3971b1;
min-width: 300px;
border-radius: 48px;
padding: 15px;
max-height: 100px;
display: inline-block;
margin: 10px;
}
.icon-content456 {
display: flex;
gap: 10px;
align-items: center;
}
.image-circle56 img {
width: auto;
height: 45px;
}
.image-circle56 {
width: 65px;
height: 65px;
border-radius: 50%;
background: #3971b1;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.icon-content456 a {
font-size: 36px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
color: #0b52a2;
line-height: normal;
} .services78 {
padding: 50px 0px;
}
.services78 h2, .tabs-section h2 {
font-size: 36px;
text-align: center;
position: relative;
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.services78 h2:after, .tabs-section h2:after {
content: "";
position: absolute;
width: 80px;
height: 4px;
background: #797979;
bottom: -10px;   
}
.service-img-heading {
position: relative;
margin-bottom: 14px;
margin-left: -7px;
margin-right: -7px;
}
.service-img-heading img {
width: 100%;
}
.heading-up {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
background-color: rgba(0,0,0,0.4);
left: 0;
}
.heading-up h4 {
color: #fff;
font-size: 21px;
margin-top: 8px;
} .testimonial-section {padding: 60px 0 40px;background: #f1efef;}
.testimonial-section h3 {font-size: 36px;text-align: center;margin: auto;margin-bottom: 20px;}
.testimonial-content78 {max-width: 725px;margin: auto; margin-bottom: 50px;}
.testimonial-content78 p{font-size: 16px;text-align: center;}
.testimonials-carousel {max-width: 1010px;margin: auto;}
.testimonials-carousel .slide-text {background-color: #f7f7f7;padding: 25px;border-radius: 22px;box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;height: 360px;max-height: 360px;overflow-y: scroll;}
.heading-content {min-height: 180px;}
.testimonials-carousel .slide-item {padding:0px 5px 20px;}
.heading-content h4 {font-size: 21px;font-weight: 500;margin-bottom: 20px;}
.author-date h5 { font-size: 18px; font-weight: 500; color: #333;}
.author-date p {font-size: 16px;}
.testimonials-carousel .owl-nav {display: none;}
.testimonials-carousel .owl-dot {width: 16px; height: 16px; background-color: #d6d6d6; border-radius: 50%;}
.owl-dots {display: flex;justify-content: center; gap: 10px;margin-top: 10px;}
.testimonials-carousel .owl-dot.active{background-color: #0b52a2;} .contact-form-section img {width: 100%;}
.contact-form-section {background-image: url(https://webresellerscanada.com/coralhomecomfort/wp-content/uploads/2024/11/contact-bg.jpg);padding-top: 60px;background-size: cover;background-position: top;position: relative;}
.contact-form-section::before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(0,0,0,0.7);}
.contact-form-section .row {align-items: end;}
.contact-form56 h3 {font-size: 36px;color: #fff;margin-bottom: 20px;}
.contact-form56 label {color: #fff;font-size: 16px;margin-bottom: 2px;}
.contact-form56 .form-control {border-radius: 0;margin-bottom: 15px;border: 1.5px solid #000;height: 45px;}
.submit-button {background: #797979;font-size: 24px;color: #fff;font-family: "Oswald", sans-serif;padding: 18px 50px;margin-top: 10px;display: inline-block;}
.contact-form56 .form-control.form-control-box {height: 140px;}
.contact-form56 {padding-bottom: 50px;}
.submit-button:hover {
background: #4a4747;
color: #fff;
} .tabs-section {margin-top: 10px;background: #bddafa; padding-top:50px;}
.tabs-section .row {margin: 0;}
.tabs-section .tab-with-content {width: 100%;}
.tabs-section .tab-with-content ul.nav.nav-tabs {display: flex; width: 100%;margin: auto;justify-content: center;padding: 0px 12px;background-color: #0b52a2; background: linear-gradient(#60a5f2, #0b52a2);}
.tabs-section .tab-with-content ul.nav.nav-tabs li{padding: 12px 15px;}
.tabs-section .tab-with-content ul.nav.nav-tabs li a{color:#fff;font-family: "Oswald", sans-serif;font-size:18px; font-weight: 600;}
.tabs-section .tab-content {max-width: 860px;margin: auto;padding: 0px 0 60px;}
.tabs-section .tab-content .fade:not(.show) {opacity: initial;}
.tabs-section .tab-with-content ul.nav.nav-tabs li.active a{position: relative;}
.tabs-section .tab-with-content ul.nav.nav-tabs li.active a:after{width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 25px solid #0b52a2;position: absolute;content:"";left: 50%;
top: 38px;margin-left: -30px;}
.demo-gallery ul {display: flex; flex-wrap: wrap;gap: 0px;margin-top: 23px;} 
.demo-gallery ul li {flex-basis: 32%;position: relative;list-style: none;overflow: hidden;cursor: pointer;border-radius: 10px;margin: 5px;border: 5px solid #0b52a2;}
#lightgallery li::after {position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;opacity: 0;color: #fff;font-size: 40px;font-family: 'FontAwesome';content: "\f055"; pointer-events: none;z-index: 999;transition: 0.4s;}
#lightgallery li:hover::after {opacity: 1;}
#lightgallery li img {object-fit: cover;width: 100%;height: 210px;}
.tabs-section .tab-content h3, .about-content h3 {margin-bottom: 20px;}
.tabs-section .read-more {font-family: "Oswald", sans-serif;color: #0b52ab;font-size: 18px;font-weight: 400;}
.tabs-section h2{margin-bottom: 30px;}
img.img-responsive {width: 100%;}
.services78.special-offers59 img {
border-radius: 30px;
}
.services78.special-offers59 .read-more-round {
margin-top: 10px;
}
#gallery-tab a:hover:after {
background-color: rgba(11,82,162,0.5);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
} .inner-banner{background-color: #20282E;background-image: url(https://webresellerscanada.com/coralhomecomfort/wp-content/uploads/2024/11/slider-img1.jpg);background-size: cover;position: relative;min-height: 460px;background-repeat: no-repeat;align-items: center;display: flex;}
.breadcrumb-nav {width: auto;text-align: center;}.breadcrumb-nav ul {line-height: normal;}.breadcrumb-nav li {display: inline-block;}
.breadcrumb-nav li a {text-decoration: none;border-right: 1px solid #fff;line-height: normal;padding: 0px 10px 0px 7px;color: #fff;font-weight: bold;font-size: 24px;}
.breadcrumb-nav li:last-child a {border-right: 0px;}.breadcrumb-nav .active {color: #0b52a2;stroke: 1px solid #fff;-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;}.breadcrumb-title {text-align: center;}
.breadcrumb-title h2 {font-size: 54px;stroke: 1px solid #fff;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;}
section.about-content {padding: 60px 0px;} .about-content.contact-details879{backgrounc:red;}
section.about-content.contact-details879 .map-part img {width: 100%;}
.about-content.contact-details879 {background: #bddafa;padding: 0;}
.col-md-6.map-part {background-size: cover;background-position: center;}
.map-address-details {padding: 40px;}
.about-content.payment-options {text-align: center;}
.about-content.payment-options ul {display: flex;justify-content: center;gap: 10px;margin-top: 30px;}
.callout-section ul li {width: 25%; padding: 15px 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.callout-section ul li:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.callout-section ul li a {font-size: 30px;}
.callout-section.callout-section56 {margin-bottom: 50px;} .about-content.product-details {background-color: #bddafa;}
.about-content.product-details h5 {margin-top: 30px;}
.about-content.product-details ul {display: grid;grid-template-columns: auto auto;margin-bottom: 20px;margin-left: 30px;}
.about-content.product-details ul li {list-style: disc;}
.about-content.product-details ul li a{color:#0056b3}
.col-md-6.left-about-img{background:none;}
section.about-content.product-details.product-details4567 .col-md-12 {
display: flex;
justify-content: center;
gap: 20px;
}
section.about-content.product-details.product-details4567 .col-md-12 article {
width: 33%;
}
section.about-content.product-details.product-details4567 .col-md-12 article h2.entry-title.default-max-width a {
font-family: "Oswald", sans-serif;
color: #0b52a2;
font-weight: 600;
font-size: 28px;
margin-bottom: 30px;
}
@media screen and (max-width:1199px){
.header-box .container {max-width: 1140px;}
#cssmenu > ul > li > a {padding: 13px 9px;}
.add-phone li, .work-social li .fa {font-size: 18px;}
.add-phone li a, .work-social li a {color: #fff;font-size: 13px;}
.add-phone li, .work-social li {font-size: 13px;}
.work-social ul { gap: 30px;}
.add-phone ul, .work-social ul {gap: 20px;}
}
}
@media screen and (max-width:1368px){
.about-part.about-part565 .container {width: 100%; max-width: 100%;}
.col-md-6.about-content {padding-top: 20px; padding-bottom: 20px;}
.about-part {
margin-top: 60px; background-repeat: no-repeat;
background-position: left center;
background-size: 48%;
}
.col-md-6.left-about-img {margin-top: 0;background: url();background-repeat: no-repeat;background-size: cover; height: 100%;width: 100%;background-position: center;}
.callout-section ul li a {line-height: normal;text-align: center;}
.callout-section ul li {padding: 15px 10px;}
.col-md-6.col-sm-12.about-content {padding-left: 40px;}
.about-content.product-details ul li {margin-right: 50px;}
.about-content.product-details ul li {padding-right: 20px;}	
}
@media screen and (max-width:1024px){
.add-phone ul, .work-social ul {
gap: 10px;
}
footer .row.slideInUp.wow.animated {
webkit-animation-duration: 0s;
animation-duration: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
}
@media screen and (max-width:1023px){
.testimonials-carousel .slide-text {
background-color: #f7f7f7;
padding: 25px;
border-radius: 22px;
box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
height: auto !important;
max-height: initial !important;
overflow-y: visible;
}
}
@media screen and (max-width:991px){
.about-content.product-details ul li {margin-right:0px;}   
.heading-content {min-height: initial;margin-bottom: 40px;}
.contact-form-section .row {align-items: end;flex-direction: column-reverse;}
.contact-form56 .row { flex-direction: row;}
.contact-form-section .col-md-6 {max-width: 100%;}
footer .container {max-width: 100%;}
footer .row {padding-left: 15px;padding-right: 15px;display: grid;grid-template-columns: auto auto;}
.tabs-section .tab-content {padding: 50px 15px;}
.demo-gallery ul li {flex-basis: 31.8%;}
.top-header {
display: none;
}
.services78 .read-more-round {
margin-bottom: 50px;
}
}
@media screen and (max-width:767px){
footer .row {grid-template-columns: auto;}
.about-section {display: block;}
.col-md-6.left-about-img {height: 300px; background-position: center center;}
.callout-section ul {width: 100%;margin-left: 0;flex-direction: column;}
.callout-section ul li {width: 100%;padding: 15px 0;}
.demo-gallery ul li {flex-basis: 48%; margin-left: 1%; margin-right:1%}
#lightgallery li img {height: 150px;}
.tabs-section .tab-content {padding: 30px 15px;}
.tabs-section .tab-with-content ul.nav.nav-tabs li {padding: 12px 8px;}
.testimonial-content78 {padding-left: 15px;padding-right: 15px;}
.testimonials-carousel .slide-item {padding: 0px 15px 0px;}
.about-content.product-details ul {grid-template-columns: auto;}
.col-md-6.col-sm-12.about-content {padding-left: 15px;}
.callout-section23 {padding: 50px 0px;text-align: center;}
.col-md-6.col-sm-12.special-offers59568 {
padding-top: 30px;
}
section.about-content.product-details.product-details4567 .col-md-12 {
gap: 50px;
flex-direction: column;
}
section.about-content.product-details.product-details4567 .col-md-12 article {
width: 100%;
}
.owl-dots {
padding-left: 10px;
padding-right: 10px;
}	
.about-part.about-part565 {
background-image: none !important;
}	
.about-content.product-details ul li {padding-right: 0px;}		
} 
@media screen and (max-width:560px){
.owl-carousel .owl-item img {  width: 100%;height: 300px;object-fit: cover;}
.main-carousel .slide-text h3 {font-size: 18px;}
.navbar-wrapper .col-md-3tr .logo img {max-width: 180px;}
#cssmenu {padding-top: 0;padding-bottom: 0;}
.navbar-wrapper .col-md-3tr {top: 10px;}
.button {top: 0;}
.inner-banner { min-height: 300px;}
.about-content.payment-options img {width: 100%;}
.about-content.payment-options ul {gap: 0px;}
}
.homevideoBanner {
width: 100%;
padding: 0px 0;
position: relative;
overflow: hidden;
}
video[poster] {
width: 100%;
min-height: 400px;
}
.homevideoBanner video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.videoOverlayContent {
position: relative;
width: 100%;
height: calc(100vh - 155px);
display: flex;
align-items: center;
background-color: rgba(0,0,0,0.3);
justify-content: center; }
.containerBox {
max-width: 1140px;
width: 100%;
}
.main_text_wrap.is-home-hero  .subhead_text {
font-size: 36px;
font-weight: 700;
line-height: normal;
color: #fff;    
display: table;
position: relative;
}
.containerBox {
max-width: 100%;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
}
.videoContentInner h3 {
color: #fff;
font-size: 36px;
line-height: normal;
color: #fff;
font-weight: 600;
margin-bottom: 0; background-color: rgba(0,0,0,0.5);
padding: 10px 20px;
display: table;
float: right;
}
@media screen and (max-width:991px){
.videoOverlayContent {
position: relative;
width: 100%;
height: calc(70vh - 106px);   
}
@media screen and (max-width:767px){
.videoOverlayContent {
position: relative;
width: 100%;
height: calc(70vh - 76px);   
}
.videoContentInner h3 {
font-size: 18px;
}
}
.testimonials-carousel {margin-top: 40px !important;}
.testimonial-section img {width: 100% !important; margin-bottom:30px;}
.testimonial-section img{width : 100%; }