/*  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;
  }
  .mb50{
    margin-bottom: 30px !important;
  }
  .plr30{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .select_box select{
    padding: 0 30px 0 10px !important;
  }
  .calculator_input input{
    padding: 0 10px !important;
  }
  .login-wrap .input_box img {
    width: 30px !important;
    height: 30px !important;
  }
  .gallery-section .overlay .top .detail_box {
    padding-top: 20px !important;
  }
  .calculator_wrap .scroll_box{
    width: 100% !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: 14px !important;
  }
  .calculator_input input {
    width: 100px !important;
    font-size: 14px !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;
    padding: 0 !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;
  }
  .calculator_input2 .input_box{
    padding: 0 10px !important;
  }
  .calculator_input2{
    font-size: 14px !important;
    display: block !important;
  }
  .calculator_input2 input{
    width: 10px !important;
    padding: 0 0 0 10px !important;
  }
  .calculator_input .unit{
    font-size: 14px !important;
  }
  .input_box.flex-grow-1.mr10.flex-box,
  .input_box.flex-grow-1.ml10.flex-box{
    margin: 0 !important;
  }
  .input_box.flex-grow-1.mr10.flex-box{
    margin-bottom: 30px !important;
  }
}
/* @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;
	}
} */