/*RESPONSIVE MENU*/
.responsive_btn {
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: -2px 0;
    float: right;
    position: relative;
    z-index: 20;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    }
    .responsive_btn span {display: block; height: 2px; width: 20px; position: relative; top: 50%; margin: -1px auto;}
    .responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
    .responsive_btn span:before {top: -6px;}
    .responsive_btn span:after {bottom: -6px;}
    .responsive_btn span,.responsive_btn span:before,.responsive_btn span:after {
    background: #fff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    }
    .responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #fff;}
    .responsive_nav {
    display: block;
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 250px;
    min-height: 100%;
    z-index: 999999999;
    background:#d94f04;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    }
    .responsive_nav ul {margin: 0; padding: 0; text-align: left;}
    .responsive_nav ul li {
    /* padding: 10px 0px 0px !important; */
    border-top:none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    }
    .responsive_nav ul li:first-child {border-top: none;}
    .responsive_nav ul li:after{display: none;}
    .responsive_nav ul li > a {display: block; padding: 10px 10px; color: inherit; position: relative; font-weight: 500; font-size: 16px;}
    .responsive .navbar-nav.nav-inn li a {
    color: #fff;
    font-size: 12px;
    padding: 12px 15px;
    border-bottom: 1px solid #ffff;
    }
    .responsive .navbar-nav.nav-inn li{padding: 0 0 !important;}
    .responsive_nav ul .sub-menu,.responsive_nav ul li a i {display: none;}
    .responsive_nav .subarrow {display: block; pointer-events: inherit; width: 30px; height: 40px; line-height: 40px !important; right: 0;}
    .responsive_nav ul .sub-menu .container {width: 100%; padding: 0;}
    .bodyOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    transform: none;
    background: rgb(0 50 160 / 0%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    }
    html.responsive,.responsive body {overflow-y: hidden;}
    .responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
    .responsive .bodyOverlay {opacity: 1; visibility: visible;}
    .responsive .responsive_nav {left: 0;}
    .responsive .responsive_btn {pointer-events: none;}
    .responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
    .responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
    .responsive .responsive_btn span:before {opacity: 0;}
    .responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
    .responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}
    .responsive  .navbar-nav li a {margin-left: 0px; padding-left: 15px;}
    .responsive  .dropdown-toggle::after{
    text-align: right;
    float: right;
    margin-right: 15px;
    font-weight: 600;
    font-size: 18px;
    }
    .responsive .list-list.mega-ot li{padding: 6px 0 !important; color: #fff;     font-size: 13px !important;}
    .responsive .megamenu-w .dropdown-menu{width: auto; position: static !important; transform: none !important; background-color: transparent;}
    .responsive .megamenu .dropdown-menu{width: auto; position: static !important; transform: none !important; background-color: transparent;}
    .responsive .megamenu .bg-white{background-color: transparent !important;}
    .responsive .megamenu .bg-white .p-3{padding: 0 !important;}
    .responsive .megamenu .bg-white .font-weight-bold {color: #fff;}
    .responsive .megamenu .bg-white .col-lg-4{padding: 0;}
    .responsive .meg {background-color: transparent;}
    .responsive .list-list.accordion-body{display: block !important;}
    .responsive_nav ul li.megamenu-w.show{
    background-color: #1c1c1c;
    padding-top: 0 !important;
    }
    .responsive_nav ul li.megamenu-w.show .dropdown-menu{
    background-color: #1c1c1c !important;
    border-radius: 0px;
    }
    /*.responsive_nav ul li a{padding: 12px 20px !important;}*/
    .responsive_nav ul li a:hover, .responsive_nav ul li a:focus, .responsive_nav ul li.active > a, .responsive_nav ul li.current_page_item a {
    color: #fff !important;
    background:#993905;
    padding: 12px 15px !important;
    }
    .responsive_nav .navbar-nav.nav-inn li a::after{display: none;}
    .responsive .navbar-nav.nav-inn li button.submenu-expand{
        float: right;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(-50%, -50%);
    }
    .responsive .submenu-expand svg{fill: #fff;}
    .responsive ul.sub-menu{
        position: static;
        min-width: inherit;
        transition: none;
    }
    .responsive ul.sub-menu li a{
        padding: 0px 15px !important;
    }
    .responsive .navbar-nav.nav-inn li.opened .submenu-expand{
        float: right;
        position: static;
        top: 50%;
        right: 0;
        transform: translate(-50%, -160%);
        z-index: 999;
    }
    }
    /* Medium Layout: 1199px. */
    @media only screen and (max-width: 1199px) { }
    @media only screen and (min-width:991px) and (max-width:1199px) {}
    @media only screen and (max-width: 1199px) {
    .smimg {top: 10%; bottom: 0; left: 0;}
    /*.navbar-nav.nav-inn li a{ padding:6px 10px !important }*/
    .header-right ul li .icon-head {font-size: 11px;}
    header{position: inherit; background-color: #fff;}
    .banner-sec .banner-cont { width: 100%; }
    .banner-cont .heading{ font-size: 45px; line-height: 50px; }
    .design-img.debg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    .navbar-nav.nav-inn li{padding: 10px 10px !important;}
    .navbar-nav.nav-inn li a{font-weight: 500;}
    .logo-black{width: 65%;}
    .header-appear-index .navbar-nav li{padding: 10px 10px !important;}
    }
    @media only screen and (max-width: 991px) { 
    .responsive_btn {display: block;background-color: #d94f04;}
    .header-right{display: none;}
    .navbar .d-flex.w-100{width: auto !important;}
    .header .navbar{padding: 10px 0px !important;}
    header{ position: inherit; }
    /* header .navbar-brand img{ width: 100%; max-width: 150px; } */
    .banner-sec .banner-cont{ width:94%; left: 5%; top: 45%; display: none;}
    .banner-cont .heading{ font-size:25px; line-height: 30px; }
    .slider-img img{ width: 100%; object-fit: cover; }
    .banner-cont .heading{margin-bottom:8px;}
    .banner-cont p {
    color: #fff;
    line-height: 18px;
    padding: 5px;
    }
    .more-bttn { padding: 10px 15px; }
    .section { padding: 30px 0; }
    .heading { font-size: 20px;  line-height: 30px;}
    .about-sec .heading{margin-top: 15px; margin-bottom: 15px; }
    .hedbox {margin-top: 20px;}
    .h-des { width: 100%; margin-bottom: 0; }
    .service-box .sevice-heading{ padding: 12px 0; font-size: 20px; height: auto; line-height: 25px;}
    .service-box p { margin-top: 10px;  min-height: auto; }
    .service-box{ padding: 15px 15px; min-height: 470px; margin-bottom: 30px; }
    .service-box .read-more{ padding: 10px 15px; margin-top: 5px;}
    .blue-btn{ padding: 10px 15px; margin-top: 7px;}
    .design-img {height: inherit; margin-bottom: 20px;}
    .dessm .design-img img {height: 218px;}
    .blog-date { padding: 5px 0; }
    .news-cont { padding: 15px; }
    .client-dt {padding: 25px 20px 50px;}
    .client-sec .mt-5, .my-5 {    margin-top: 1rem!important;}
    .contact-s .form-control {height: 45px;}
    .testmn{ bottom: -65%; }
    /* .client-sec .item {
    padding-bottom: 10%;
    } */
    .ftr-btn{
    padding: 30px 0px 0;
    display: block;
    width: 100%;
    margin-top: 30px;
    }
    .cmbox{ height: 185px; padding: 15px;margin-bottom: 20px; }
    .footer-sec { padding: 30px 0px 30px; }
    .footer-sub-head {margin-bottom: 15px; font-size: 15px;}
    .footer-cnt{margin-bottom: 30px;}
    .design-img img{ height: 300px; width: 100%; object-fit: cover; }
    .cmbox p { font-size: 14px; }
    .footermap iframe { height: 200px; }
    .debg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    .news-box{ text-align: center; margin-bottom: 30px;}
    .heading-tag{font-size: 18px; margin-bottom: 10px;}
    .sk_img_right{ margin-top: 20px; }
    .banner_area_text_box .page-title { font-size: 20px; line-height: 25px;  }
    .subheading.text-left {
    margin-top: 20px;
    font-size: 18px;
    }
    section.map iframe {
    height: 260px;
    }
    .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span { width: 25px !important; height: 25px !important; }
    .social.pl-5 {
    padding-left: 0 !important;
    }
    .para-deep p:empty{ display: none; }
    .blog-right h2.widget-title { padding: 8px 15px; }
    .comments-area .comments-title { margin: 7px 0; }
    .contact-s{margin-bottom: 40px;}
    .captcha-image{width: 100%;}
    .wpcf7-form-control.wpcf7-radio{display: block;}
    .gallery-sec .container-fluid.p-0{
    padding-right: 15px !important;
    padding-left: 15px !important;
    }
    .home-slider .owl-nav button.owl-prev span, .home-slider .owl-nav button.owl-next span{
    height: 40px;
    width: 40px;
    background-size: contain;
    }
    .slider-img img{height: auto;}
    .contactinfo{margin-top: 30px;}
    .galtab .nav-tabs li{    margin-bottom: 10px;}
    .galtab .nav-tabs .nav-link{border-radius: 5px !important;}
    .header-top{display: none;}
    .acabox{padding: 15px;}
    .cmonbox{padding: 15px;}
    .customer-bg{margin-top: 30px;}
    .heading.s,  .heading {font-size: 26px;  }
    .testimonials-sec .owl-carousel .owl-stage-outer{padding: 0;}
    .btntp {
        margin-top: 30px;
    }
    [type="submit"], [type="reset"], [type="button"], .btn{
        padding: 10px 18px;
        font-size: 14px;
    }
    .container-fluid.p-0{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .hedbox{padding-right: 0;}
    .about-sec.pb-0{padding: 30px 0px !important;}
    .about-img  img{width: 100%;}
    .ftr-link.contactinfo{display: block; padding-left: 0px; text-align: center;}
    .ftr-fld.ftr_icon span{display: none;}
    .ftr-fld.ftr_icon .fbc{justify-content: center;}
    .ftr-fld.ftr_icon a{font-size: 15px; word-break: break-all;}
    .ftr-link.contactinfo{margin:10px 0 30px;}
    .ftr-link.quick-link ul{padding: 40px 0 0;}
    .ftr-link.quick-link ul{display: block; text-align: center;}
    .ftr-link ul li{margin-left: 0px;}
    .copyright-text{
            padding: 15px 0px;
    }
    .ftr-link ul li a{line-height: 32px;}
    .acabox{margin-bottom: 30px;}
    .cmonbox img{height: auto;}
    .about-sec .heading{font-size: 20px;}
     /*.modal{
       z-index: 99999999 !important;
    }*/
    }
    @media only screen and (max-width: 767px) { 
    .smimg {
    top: auto;
    bottom: 0;
    left: 0;
    height: 210px;
    }
    .service-box .sevice-heading { font-size: 17px; }
    /* .social a { margin: 0; } */
    .post-sec{ font-size: 13px; }
    .replay-sec .btn, .comment-form p input[type="submit"]{ padding: 6px 10px; font-size: 13px;}
    .subheading{ font-size: 17px; line-height: 22px; }
    .blog-heading-tag { font-size: 13px; margin-bottom:10px; }
    .service-box {min-height: 430px;}
    .footer-sec{text-align: center;}
    .emaillist{text-align: center;}
    .ftr-btn{margin-top: 0px;}
    .subscribe-frm input[type="submit"]{float: none;}
    .copyright ul li{display: block;padding: 0px;}
    .copyright-text p{line-height: 24px;}
    .subscribe-frm input[type="submit"]{height: auto;}
    .banner_area_text_box{padding: 5px 20px;}
    .banner_area_text_box .page-title{font-size: 16px; line-height: 18px;}
    .about-sec .row{flex-direction: column-reverse;}
    .sk_img_right{text-align: center; margin-bottom: 30px;}
    .heading::before, .heading::after{display: block;}
    .heading-tag{margin-bottom: 10px; font-size: 16px; line-height: 20px;}
    .ios-service .d-flex.justify-content-start{display: block !important;}
    .error-page .head{font-size: 90px; letter-spacing: 10px;}
    .error-page{height: auto;}
    .error-page p{font-size: 16px;}
    .heading span{font-size: 18px;}
    .date-box{margin: 0;}
    .date-box h3{font-size: 18px; line-height: 26px;}
    .date-box h2{font-size: 20px; line-height: 22px;}
    .whatapp p{font-size: 15px;}
    .whatapp{padding: 22px 0px;}
    .clabtn{font-size: 15px; display: flex; align-items: center;}
    .bannerimage img{height: auto;}
    .quick-link{padding: 0px; margin-top: 30px;}
    .ftr-box.text-center,  .ftr-box .text-center{text-align: center !important; margin-bottom: 20px;}
    .footer-sub-head img{width: 65%;}
    .social a i{
        width: 36px;
        height: 36px;
        line-height: 32px;
        font-size: 14px;
    }
    .ftr-fld.ftr_icon{margin: 0px 0 10px;     margin-right: 0rem!important;}
    .ftr-fld.ftr_icon .d-flex.align-items-center{justify-content: center;}
    .ftr-link ul li{margin-bottom: 0px;}
    .copyright-text {
        margin-top: 0px;
    }
    .ftr-fld.ftr_icon em{display: block;}
    .ftr-fld.ftr_icon .fbc span{display: none;}
    .ftr-fld.ftr_icon .fbc{justify-content: center;}
    .galtab .nav-link{font-size: 14px;}
    .galtab .nav-link {
        display: block;
        padding: 6px 15px;
        font-size: 14px;
    }
    .contact-s{margin-bottom: 20px; padding: 15px;}
    .serbox {
        margin-top: 20px;
    }
    .home .about-sec .row {
        flex-direction: column-reverse;
    }
    .home .about-sec .btn{margin-top: 0px !important;}
    .about-img.top.pr-3{padding-right: 0px !important;}
    .home-slider .owl-carousel .owl-item img{height: auto;}
    .home-slider .owl-theme .owl-dots .owl-dot span{margin: 10px 8px;}
    #trp-floater-ls.trp-color-dark{display: block !important;}
    .ftr-link.contactinfo{display: block; padding-left: 0px;}
    .ftr-fld.ftr_icon a{font-size: 15px; word-break: break-all;}
    .ftr-link.contactinfo{margin:10px 0 30px;}
    .ftr-link.quick-link ul{padding: 0px 0 0;}
    .ftr-link.quick-link ul{display: block;}
    .ftr-link ul li{margin-left: 0px;}
    .copyright-text{
            padding: 30px 0 30px;
    }
    .home-slider .owl-dots{bottom: -6%;}
    .about-sec .about-img img{height: auto;}
    .calendar .event-container{padding: 70px 20px !important;}
    .home-slider .slider-img:after{display: none;}
    .ftr-box.text-left, .ftr-box.text-left .text-left{text-align: center !important;}
    .es_subscription_form_submit{
        top: 3px;
        right: 3px;
    }
    .top-gift-box{display: block;}
    .top-gift-box-img{width: 100%;    padding-right: 0;    border-right: none;}
    .top-gift-content{
    position: relative;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    padding-top: 10px;
}
.top-gift-box-img figure{
    padding-right: 0px;
    border-right: none;
}
.star_btn {
    position: static;
    right: 0;
    top: 50%;
    transform: none;
    text-align: left;
}
.pro-adrs span{position: static;}
.pro-adrs{padding-left: 0px;}
.top-gift-box-img figure img {
    max-height: 220px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.top-gift-box-img figure a{width: 100%; display: block;}
.navbar-brand{width: 70%;}
    }
    @media only screen and (max-width:575px) {
    .cf7ic_instructions {font-size: 10px;}
    .testmn {bottom: -80%;}
    .client-sec .item {padding-bottom: 30%;}
    h2, h1{font-size: 18px;}
    }
    @media only screen and (max-width:480px) {
    .header-top{display: none;}
    header{padding: 0px;}
    /* .logo-black, .header-appear-index .logo-black{width: 45%;} */
    .testmn {
    bottom: -60%;
    }
    .innerabout-sec .sk_img_right img{height: auto;}
    .innerabout-sec figure.sk_img_right {
        width: 100%;
        float: right;
        margin: 15px 0px 15px;
    }
    }
    @media only screen and (max-width:375px) {
        .galtab .nav-link{padding: 4px 8px;}
    }
    @media only screen and (max-width:320px) {
    .top-cont a {left: 35%;}
    .client-sec .item {
    padding-bottom: 40%;
    }
    }