/* Theme HTML Template */
@media only screen and (min-width: 768px) {
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
display: block !important;
visibility: hidden;
opacity: 0;
}
}
@media only screen and (max-width: 1100px) {
.main-header .logo,
.main-header .header-area {
float: none !important;
}
.main-header .logo {
display: block;
text-align: center;
}
.gallery-filter {
float: none;
}
.post-filter li span {
padding-left: 0px !important;
margin-right: 40px !important;
}
.gallery-section .item {
display: block !important;
}
.footer-top .gallery-widget,
.footer-top .blog-cloumn {
margin-left: 0px !important;
}
.about-section .content-box {
margin-top: 40px;
}
.testimonial-section .icon-quort:after {
display: none !important;
}
.finance-section img {
margin-bottom: 40px;
}
.service-details .image-clomun img {
margin-bottom: 40px;
}
.blog-details .left-side {
margin-right: 0px !important;
display: none;
}
.blog-details .right-side {
margin-top: 40px !important;
margin-left: 0px !important;
}
.canvas_map #main {
max-width: 940px !important;
}
}
@media only screen and (max-width: 991px) {
.canvas_map #main {
max-width: 100% !important;
margin: 0 30px !important;
}
.header-top .top-right,
.header-top .top-left {
float: none !important;
margin-left: 10px !important;
}
.header-top .top-left {
margin-bottom: 10px !important;
}
.search_option:before {
display: none !important;
}
.main-header .logo {
text-align: left;
}
.main-header .link-button {
float: none !important;
position: absolute;
top: -60px;
right: 0px;
}
.main-header .header-area {
margin-left: 10px !important;
}
.service-details .left-side {
margin-right: 0px !important;
}
.service-details .right-side {
margin-top: 40px !important;
margin-left: 0px !important;
}
.single-product img {
margin-bottom: 40px;
}
.blog-details .right-side .item-holder img {
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.main-header .logo {
margin-top: 0 !important;
/* text-align: center !important; */
}
.main-header .header-area .main-menu {
position: absolute !important;
float: none !important;
top: -94px;
right: 0px;
/* width: 100%; */
left: auto;
z-index: 50 !important;
}
.main-header .header-area {
margin-left: 0px !important;
}
.main-menu .navbar-header {
position: relative;
float: none;
display: block;
text-align: right;
width: 100%;
padding: 25px 0px 5px;
right: 0px;
z-index: 12;
}
.main-menu .navbar-header .navbar-toggle {
display: block;
border: 1px solid #ffffff;
float: right;
height: 42px;
width: 42px;
padding-left: 8px;
text-align: center;
margin: 25px 0px 0px 0px;
border-radius: 0px;
background: #009e96;
}
.main-menu .navbar-header .navbar-toggle .icon-bar {
background: #ffffff;
}
.main-menu .navbar-collapse > .navigation {
float: none !important;
margin: 0px !important;
width: 100% !important;
background: #272a36;
border: 1px solid #ffffff;
border-top: none;
position: relative !important;
z-index: 999 !important;
}
.main-menu .navbar-collapse > .navigation > li {
margin: 0px !important;
float: none !important;
width: 100%;
}
.main-menu .navigation > li > a,
.main-menu .navigation > li > ul:before {
border: none;
}
.main-menu .navbar-collapse > .navigation > li > a {
padding: 10px 10px !important;
border: none !important;
}
.main-menu .navigation li.dropdown > a:after,
.main-menu .navigation > li.dropdown > a:before,
.main-menu .navigation > li > ul > li > a::before,
.main-menu .navigation > li > ul > li > ul > li > a::before {
color: #ffffff !important;
right: 15px;
font-size: 16px;
display: none !important;
}
.main-menu .navigation li a span {
display: inline-block !important;
padding-right: 15px !important;
}
.main-menu .navigation li span.fa-angle-down {
display: block !important;
padding-right: 0 !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul {
position: relative;
border: none;
float: none;
visibility: visible;
opacity: 1;
display: none;
margin: 0px;
left: auto !important;
right: auto !important;
top: auto !important;
width: 100%;
background: #1E9E96;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
-moz-transition: none !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul {
border-top: 1px solid rgba(255, 255, 255, 1) !important;
}
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
border-top: 1px solid rgba(255, 255, 255, 1) !important;
opacity: 1 !important;
top: 0px !important;
left: 0px !important;
visibility: visible !important;
padding-right: 0 !important;
}
.main-menu .navbar-collapse > .navigation > li:first-child {
border: none;
}
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
padding: 15px 10px !important;
line-height: 22px;
color: #ffffff;
background: #009e96;
text-align: left;
}
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus {
background: #1cc9ce;
}
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
background: #009e96;
color: #fff !important;
}
.main-menu .navbar-collapse > .navigation li.dropdown:after,
.main-menu .navigation > li > ul:before {
display: none !important;
}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
display: block;
position: absolute;
right: 15px;
top: 12px;
color: #ffffff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
}
.main-menu .navbar-collapse > .navigation li.current .dropdown-btn,
.main-menu .navbar-collapse > .navigation li:hover .dropdown-btn {
color: #ffffff;
}
.map-section .contact-info {
top: 0px !important;
width: 100% !important;
left: 0px !important;
position: relative !important;
}
.blog-details .right-side img {
width: 100% !important;
height: auto !important;
}
.canvas_map {
padding-bottom: 60px !important;
height: 660px !important;
}
.contact-section {
padding: 30px 0 !important;
}
.blog-details {
padding: 30px 0 !important;
}
.carousel-control {
height: auto !important;
}
.login-wrap {
padding: 30px !important;
width: 100vw !important;
}
.login-wrap .input_box {
width: 100% !important;
height: 50px !important;
}
.login-wrap .login_btn {
width: 100% !important;
height: 50px !important;
line-height: 50px !important;
}
.login-wrap .input_box img {
width: 30px !important;
height: 30px !important;
}
.gallery-section .overlay .top .detail_box {
padding-top: 20px !important;
}
.calculator_wrap {
width: calc(100vw - 30px) !important;
padding: 15px !important;
display: block !important;
}
.calculator_wrap .left_box,
.calculator_wrap .right_box {
width: 100% !important;
margin: 0 !important;
}
.calculator_input input,
.select_box,
.calculator_btn {
height: 40px !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
font-size: 16px !important;
}
.calculator_input input {
width: 100px !important;
}
.calculator_wrap .pb50 {
padding-bottom: 15px !important;
}
.calculator_wrap .right_box {
margin-top: 30px !important;
}
.calculator_wrap .right_box::before {
top: -240px !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
border-color: var(--normal) transparent transparent !important;
border-width: 10px !important;
}
.calculator_wrap .right_box p {
height: 40px !important;
font-size: 18px !important;
line-height: 40px !important;
margin: 0 !important;
}
.calculator_wrap .right_box .table_box .flex-box {
height: 40px !important;
font-size: 14px !important;
padding: 0 15px !important;
}
.calculator_wrap .right_box .right_detail {
max-height: 140px !important;
}
.icon_close2 {
display: block !important;
}
.icon_close {
display: none !important;
}
.entry .entry-content .flex-box {
display: block !important;
}
.img_calculator {
margin-left: 0 !important;
margin-top: 30px;
}
.items p {
padding: 0 !important;
}
.entry .entry-content table {
width: 100% !important;
}
.search_result .ptb30 {
padding: 10px 0 !important;
}
.search_result .search_box {
padding: 15px !important;
}
.search_result .search {
height: 42px !important;
}
.search_result .search button {
height: 40px !important;
}
.search_result .search input {
height: 40px !important;
padding-left: 15px !important;
}
.search_result .search_navs .item {
padding-right: 15px !important;
line-height: 50px !important;
}
.search_result .search_navs .item.active {
font-size: 16px !important;
}
.search_result .search_navs .item.active span {
font-size: 14px !important;
}
.search_result .search_navs .item.active::after {
bottom: 5px !important;
}
.search_result li a {
height: 100px !important;
padding-right: 0;
}
.code_box.flex-end {
justify-content: center;
}
.video_list li.flex {
display: block;
}
.video_list li::before {
display: none !important;
}
.video_list li .pl30 {
padding-left: 0 !important;
}
.video_list li video {
width: 100% !important;
height: 160px !important;
}
.video_list li .pt20 {
padding-top: 10px !important;
}
.video_list li .pb30 {
padding-bottom: 20px !important;
}
.contact_us {
display: flex !important;
}
.img-responsive {
margin-top: 10px !important;
}
.contact-section {
min-height: 100vh !important;
}
.cal_box.calculator_wrap {
margin-bottom: 100px !important;
}
.cal_box.calculator_wrap .right_box::before {
bottom: auto !important;
top: -26px !important;
}
.entry .entry-content .flex {
display: block !important;
}
.down_menu {
padding-top: 30px !important;
padding-left: 10px !important;
}
.video_box .play_pop {
display: none !important;
}
.entry .entry-content .flex-box.play_pop {
display: none !important;
}
.insurance {
display: block !important;
}
.entry .cp-details ul,
.entry .cp-details ol {
display: none !important;
}
.cp_des p {
padding-left: 0 !important;
}
.gallery-section .overlay .top .detail_box {
padding: 0 10px !important;
}
.gallery-section .overlay .top .detail_box div {
font-size: 13px !important;
}
.gallery-section .overlay .top .detail_box div:first-child {
font-size: 18px !important;
}
.video_box {
width: 100% !important;
height: 200px !important;
}
.video_box video{
height: 100% !important;
width: 100% !important;
object-fit: cover;
-o-object-fit: cover;
}
}
/* @media only screen and (max-width: 500px){
.main-header{
padding-bottom: 0px !important;
}
.main-header .logo{
text-align: left !important;
}
.main-header .header-area .main-menu{
position: relative !important;
top: 0px !important;
}
.header-top .top-left .contact-links li{
display: block !important;
text-align: center !important;
margin-right: 0px !important;
margin-bottom: 10px !important;
}
.header-top .top-right .social-links{
float: none !important;
text-align: center;
}
.header-top .top-right,
.header-top .top-left {
margin-left: 0px !important;
}
.header-top .top-right .social-links li{
margin: 0px 12px !important;
}
.post-filter li{
display: block !important;
margin-bottom: 5px !important;
text-align: left !important;
}
} */