/* +++++++++++++++++++++++++++++++++++++++++++++++ md device +++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width:1200px) {
    .fixed-width > .header,
    .fixed-width > .body,
    .fixed-width > .footer {
        border-left: none;
        border-right: none;
        margin: auto;
        width: auto;
    }
    .widget-container .page-content > .v-split-container > .v-split {
        width: auto;
    }
    .main_menu .navigation-item a {
        font-size: 15px;
        padding: 7px 16px 32px;
    }
    div.widget-snippet .footer-top .left p {
        max-width: 350px;
    }
    #spltr-010ED9A6-78D7-452A-A68D-7F85D65DA34C .widget {
        padding-left: 15px;
    }
    #spltr-EE20EC6D-4673-4B94-BAFD-513EACA2C784 .widget {
        padding-right: 15px;
    }
    .get-touch.container {
        width: 100%;
    }
    .contact_form .form-row.btn-row, .contact_form .simpleCaptcha-container {
        width: 100%;
    }
    .contact_form.custom-form .form-row .submit-button {
        margin: 0;
        max-width: 100%;
    }
    .contact_form .simpleCaptcha-container {
        margin-right: 15px;
    }

    div.widget-snippet .get-touch .right .call-us {
        padding-left: 35px;
    }
    div.widget-snippet .get-touch .right .call-us i {
        font-size: 26px;
    }
    div.widget-snippet .get-touch .right .call-us .number {
        font-size: 17px;
    }
    div.widget-snippet .get-touch .right a {
        margin: 0 0 0 20px;
    }
    div.widget-navigation .responsive-menu-btn {
        height: 42px;
        background: #f8b139 none repeat scroll 0 0;
        width: 42px;
        padding-top: 5px;
        padding-left: 5px;
    }
    div.widget-navigation .menu-button em {
        background-color: #999;
    }
    .padding-tb-100 {
        padding-bottom: 50px;
        padding-top: 50px;
    }

}

@media (max-width:1023px) {
    section.section-recent-property .row:nth-child(2) [class^="col-"]:nth-child(3n+1) {
        clear: none;
    }
    section.section-recent-property .row:nth-child(2) [class^="col-"]:nth-child(2n+1) {
        clear: left;
    }
    .section-recent-property .col-md-4 {
        width: 50%;
    }
    div.snippet-header-social-meadia ul li {
        margin-left: 0;
        margin-right: 0;
    }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++ sm device +++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width:991px) {
    #bs-150C82F5-9DE7-40BF-B56D-E61B4818FB6D {
        padding-bottom: 65px;
        padding-top: 65px;
    }
    #spltr-B09F7111-58D1-445B-9D0D-08CCE10B483E .page-content {
        padding-right: 0;
    }
    #bs-A0E1A4B1-DA5E-4C9E-BB7E-31BE1DB421F4, #bs-2089AF97-01C2-4AD0-B0FF-0A1232FA9868, #bs-A09442FB-D853-4F01-A728-08A135A58674, #bs-B40EEB9E-CA3C-42FD-BFA0-B5B44C818290 {
        background: rgba(0, 0, 0, 0) url(../images/inner-page-bg.jpg) repeat scroll left top / cover;
        padding: 40px 0;
    }
    div#bs-510661AD-B04A-49A0-A19A-108399B5686B {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .main_menu .horizontal > .has-child > a span::after {
        display: none;
    }
    .opening_time.item {
        display: none;
    }
    #bs-644271D5-37F9-4506-ADAC-52995DE4F9F3 {
        padding: 40px 0;
    }
    .widget-googleMap.contact-google-map {
        margin-bottom: 40px;
    }
    .widget .snippet-header-social-meadia::before,
    .widget .snippet-header-social-meadia::after {
        display: none;
    }
    .widget-snippet div.snippet-header-social-meadia {
        background: none;
        padding-left: 0;
        padding-right: 0;
    }

    /*mobile menu*/
    div.widget-navigation .menu-button em {
        background-color: #fff;
    }
    .widget.widget-navigation .menu-button.close em:nth-child(1) {
        -moz-transform: rotate(45deg) translateX(6px) translateY(6px);
        -webkit-transform: rotate(45deg) translateX(6px) translateY(6px);
        -o-transform: rotate(45deg) translateX(6px) translateY(6px);
        -ms-transform: rotate(45deg) translateX(6px) translateY(6px);
        transform: rotate(45deg) translateX(6px) translateY(6px);
    }
    .header .widget-navigation.main_menu {
        z-index: 99999;
    }
    .widget-navigation.main_menu .horizontal {
        background-color: #F8B139;
        height: auto;
        padding: 10px 0;
        top: 86px;
        width: 100vw;
        left: auto;
        right: -10px;
        text-align: left    ;
        -webkit-box-shadow: 0 7px 5px rgba(0,0,0, .3);
        box-shadow: 0 7px 5px rgba(0,0,0, .3);
    }
    .main_menu .horizontal > .navigation-item {
        display: block;
        background: none;
    }
    .main_menu .horizontal .navigation-item a {
        color: #fff;
        display: block;
        font-size: 13px;
        margin: 0;
        padding: 8px 15px;
        line-height:normal;
    }
    .main_menu .horizontal > .navigation-item.first a {
        padding-left: 15px;
    }
    .widget.main_menu .navigation-item a:hover, .widget.main_menu .navigation-item.active > a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #2d2d2d;
    }
    .main_menu .horizontal .navigation-item a:hover {
        box-shadow: none;
    }
    .main_menu .horizontal .navigation-item {
        line-height: 28px;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 5px 20px 0;
        position: static;
        width: 100%;
        display: none;
        box-shadow: none;
        height: auto!important;
    }
    .widget.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:hover .navigation-item-child-container {
        box-shadow: none;
        position: static;
        opacity: 1;
        visibility: visible ;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.has-child > a::after {
        display: none;
    }
    /*new fixing*/
    .main_menu .horizontal .navigation-item:hover > .navigation-item-child-container {
        display: none;
        box-shadow: none;
    }
    .main_menu .horizontal .navigation-item > .navigation-item-child-container.open {
        display: block;
    }
    .responsive-navigation .navigation-item.has-child .child-opener {
        height: 30px;
        text-align: center;
        top: 7px;
        width: 30px;
    }
    .responsive-navigation .navigation-item.has-child .child-opener::before {
        color: #fff;
        font-size: 20px;
    }
    .responsive-navigation .navigation-item.has-child .child-opener::before {
        content: "\f196";
    }
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f147";
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:hover .navigation-item-child-container {
        display: none;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container.open {
        display: block;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        border-bottom: medium none;
        color: #fff;
        font-size: 12px;
    }
    .main_menu .horizontal .navigation-item a:hover {
        box-shadow: none;
    }
    .main_menu .horizontal > .has-child > a span::after {
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 4px 4px 0;
        content: "";
        display: inline-block;
        height: 0;
        margin-left: 3px;
        vertical-align: middle;
        width: 0;
    }
    .main_menu .horizontal > .has-child.active > a span::after {
        border-color: #000 transparent transparent;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #fff;
        line-height: normal;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.has-child > a span {
        position: relative;
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.has-child > a span::after {
        border-color:#fff transparent transparent;
        border-style: solid;
        border-width:4px 4px 0;
        content: "";
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.has-child.active > a span::after {
        border-color:#000 transparent transparent;
    }
    .widget-snippet .section-dupplex .col-md-7 {
        padding-top: 30px;
    }
    .widget-snippet .section-dupplex .col-md-5 {
        padding: 15px;
    }
    .widget-snippet .get-touch .row .right {
        text-align: left;
    }
    div.widget-snippet .footer-top .right {
        padding: 15px 0 0;
        text-align: center;
    }
    div.widget-snippet .footer-top .social-links {
        text-align: left;
    }
    div.widget-snippet .footer-top .social-links li:first-child a {
        margin-left: 0;
    }
    div.widget-snippet .footer-top {
        padding: 0 0 30px;
    }
    section.padding-tb-70 {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    div.widget-snippet .section-get-free-quote .col-md-8 {
        padding: 30px 15px 0;
    }
    .widget-snippet .margin-t-100, .body .widget.margin-t-100 {
        margin-top: 50px;
    }
    .widget-snippet .section-1 .col-md-3 a {
        margin-top: 0;
    }
    .widget-snippet .section-1 .row .col-md-3 {
        padding-bottom: 90px;
    }
    .widget-snippet .margin-tb-100, .body .widget.margin-tb-100 {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    #spltr-E97BECCE-9AD1-4FAC-8867-5A57205F867B, #spltr-A1A79626-9718-4F1C-AA91-1D2AE521BF28, #spltr-BFAFAD0A-8635-40EB-8DA9-1B0C4BAA4F73, #spltr-25FE101E-9A52-439B-A8DF-9500BCE5819A {
        padding: 50px 0;
    }
    .galleriffic-content .image-wrapper a {
        width: 750px;
    }
    .main_menu .horizontal > .has-child > a span::after {
        display: none;
    }
    .widget-navigation.blog-category {
        padding:30px 15px 0;
        margin-top: 15px;
    }
    div.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item > a:hover, div.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.active > a, div.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.active > a:hover {
        color: #000;
    }
    .home_slider .slide::after {
        height: 540px;
        width: 600px;
    }
    div.jssor-slider-container .container div.jssor-caption-4{
        margin-right: -420px;
    }
    div.jssor-slider-container .container div.jssor-caption-3,
    div.jssor-slider-container .container div.jssor-caption-2,
    div.jssor-slider-container .container div.jssor-caption-1 {
        margin-right: -370px;
    }
    div.jssor-slider-container .container div.jssor-caption-1 {
        top: 210px;
    }
    div.jssor-slider-container .container div.jssor-caption-1 span {
        font-size: 34px;
    }
    div.jssor-slider-container .container div.jssor-caption-3 {
        font-size: 26px;
        height: 100px;
        line-height: 1.8;
    }
    div.jssor-slider-container .container div.jssor-caption-4 {
        height: auto;
        top: 580px;
        width: 500px
    }
    div.jssor-slider-container .container div.jssor-caption-4 .submit-button {
        font-size: 24px;
        padding: 24px 45px;
    }
    /*=============customer profile==============*/
    #customer-profile-tabs #order-list {
        overflow-y:auto;
    }
    #customer-profile-tabs #order-list table {
        min-width: 800px
    }
    .wc-snippet-experience .title {
        margin-top: 0;
    }
    div.wc-snippet-request-for-a-plumber img {
        margin-top: 15px;
    }
    div.wc-snippet-request-for-a-plumber .col-md-6 {
        line-height: normal;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++ xs device +++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 767px) {
    .jssor-slider-container .caption-wrapper {
        display: none;
    }
    .home_slider .slide::after {
        content: none;
    }
    #bs-150C82F5-9DE7-40BF-B56D-E61B4818FB6D {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .pagination span {
        margin: 2px;
        padding: 5px 7px;
    }
    #bs-A0E1A4B1-DA5E-4C9E-BB7E-31BE1DB421F4, #bs-2089AF97-01C2-4AD0-B0FF-0A1232FA9868, #bs-A09442FB-D853-4F01-A728-08A135A58674, #bs-B40EEB9E-CA3C-42FD-BFA0-B5B44C818290 {
        background: rgba(0, 0, 0, 0) url(../images/inner-page-bg.jpg) repeat scroll left top / cover;
        padding: 20px 0;
    }
    div#bs-510661AD-B04A-49A0-A19A-108399B5686B {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    div#spltr-4BFB6932-D0D5-4280-8CD8-76630322F154,
    div#spltr-65BBADB8-6E65-4252-9A8E-01E852E377D7 {
        width: 100%;
    }
    #bs-644271D5-37F9-4506-ADAC-52995DE4F9F3 {
        padding: 20px 0;
    }
    #spltr-E97BECCE-9AD1-4FAC-8867-5A57205F867B {
        padding-top: 0;
        padding-bottom: 30px;
    }
    #spltr-A1A79626-9718-4F1C-AA91-1D2AE521BF28 {
        width: 100%;
        padding-bottom: 0;
    }
    .widget-googleMap.contact-google-map {
        margin-bottom: 20px;
    }
    div.widget-snippet .snippet-header-contact .item {
        border: medium none;
        padding: 0 0 0 20px;
    }
    div.widget-snippet .snippet-header-contact i {
        font-size: 19px;
    }
    div.widget-snippet .snippet-header-contact .text {
        font-size: 11px;
    }
    div.widget-snippet .snippet-header-contact .text + * {
        color: #2d2d2d;
        font-size: 12px;
    }
    div.widget-snippet .footer-top .left p {
        border: medium none;
        margin: 0;
        padding: 10px 0 0;
    }
    .widget-navigation.main_menu .horizontal {
        top: 70px;
    }
    div.widget-snippet .footer-top .social-links li a {
        height: 40px;
        line-height: 37px;
        width: 40px;
    }
    div.widget-snippet .footer-top {
        border: medium none;
        padding: 0;
    }
    .blog-post-item {
        width: 100%;
    }
    .page-home .blog-post-item {
        margin-bottom: 40px;
    }
    .page-home .blog-post-item.last {
        margin-bottom: 0;
    }
    #spltr-EE20EC6D-4673-4B94-BAFD-513EACA2C784 .widget {
        float: none;
    }
    .widget-snippet .margin-tb-100, .body .widget.margin-tb-100 {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .latest-news .blog-post-item {
        width: 100%;
    }
    .widget.widget-newsletter .form-row.mandatory {
        width: 240px;
    }
    .widget.widget-newsletter .message-block {
        width: 287px;
    }
    div.widget-snippet .section-dupplex h1 {
        font-size: 24px;
        line-height: 40px;
    }
    div.widget-snippet .section-dupplex .info-row .item {
        border: medium none;
        display: block;
        padding: 0 0 10px;
        width: 100%;
    }
    .widget-snippet .margin-t-100, .body .widget.margin-t-100 {
        margin-top: 50px;
    }
    .padding-tb-70 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    div.widget-snippet .heading-title {
        margin-bottom: 35px;
    }
    div.widget-snippet .heading-title .small {
        font-size: 16px;
    }
    div.widget-snippet .heading-title .main-title {
        font-size: 24px;
    }
    div.widget-snippet .section-recent-property .content .price {
        display: block;
        float: none;
    }
    div#spltr-487F2939-813F-4B75-9F78-ED90B133A9B7 {
        padding: 30px 0;
    }
    div.swipe-image-wrap .box {
        width: 50%;
    }
    div.widget-snippet .margin-b-100, .body .widget.margin-b-100 {
        margin-bottom: 50px;
    }
    div.widget-snippet .get-touch .row {
        margin-top: 50px;
    }
    div.widget-snippet .get-touch .row .right {
        text-align: left;
    }
    div.widget-snippet .get-touch .right a {
        margin: 10px 0 0;
    }
    div.widget-snippet .get-touch .row {
        margin-top: 0;
    }
    .widget-snippet .snippet-about-us .col-md-6 {
        padding-bottom: 30px;
    }
    .widget-snippet .snippet-about-us .section-team [class^="col-md-"] {
        padding: 15px;
    }
    div.widget-snippet h1.title-left-line {
        font-size: 24px;
    }
    h1.title-left-line + .separator-line {
        margin: 20px 0;
    }
    div.widget-snippet .snippet-about-us .col-md-6:last-child {
        padding-bottom: 0;
    }
    .blog-post-item.last {
        margin-bottom: 0;
    }
    div.blog-post-details .post-description .title {
        font-size: 24px;
    }
    div.blog-post-details .comment-post-panel {
        padding: 0;
    }
    div.blog-category-details > .title {
        font-size: 20px;
    }
    .galleriffic-content .image-wrapper a {
        width: 320px;
    }
    .galleriffic-gallery-wrap .slideshow {
        height: 213px;
    }
    .responsive #spltr-5252208D-0596-44F6-AFEC-724E96E07620 {
        width: 100%;
    }
    #spltr-C72A650C-8958-459B-890B-CFC06C67D3DA .widget {
        margin: 0 0 30px;
    }
    .widget-form .double-input-row .form-row {
        width: 100%;
    }
    .contact_form .form-row.btn-row, .contact_form .simpleCaptcha-container {
        margin: 18px 0 0;
        width: 100%;
    }
    .widget-search .search-form {
        width: 100vw;
        top: 70px;
        right:-71px;
    }
    .widget-form .form-row input[type="text"],
    .widget-form .form-row select,
    .widget-form .form-row textarea,
    .widget-form .form-row > label,
    .widget-form .sub-form-row span {
        width: 100%;
    }
    .widget-form .radio-checkbox-row {
        margin-top: 0;
        padding-left: 0;
    }
    .widget-form .form-row.simple_captcha_help_text label {
        display: none;
    }
    .widget-form .sub-form-row {
        width: 100%;
    }
    .swipe-image-wrap li.box {
        width: 50%;
    }
    .swipe-image-wrap li.box:nth-child(2n + 1) {
        clear: left;
    }
    .copyright_poweredby {
        text-align: left;
    }
    .copyright_poweredby span  {
        display: block;
    }
    .simple_captcha_input_field .errorlist.after {
        padding-left: 205px;
        padding-top: 4px;
    }
    .single-input-row .errorlist.after {
        padding-left: 205px;
    }
    .single-input-row .errorlist.after .pointer, .single-input-row .errorlist.after .close-btn {
        display: none;
    }
    .widget-form .sub-form-row > .errorlist {
        float: none;
    }
    .widget-form button.Zebra_DatePicker_Icon {
        cursor: pointer;
        left: 2px;
        top: -1px;
    }
    .form-row .Zebra_DatePicker_Icon_Wrapper input {
        width: 350px;
    }
    /*  webform form  */
    .widget-form .sub-form-row {
        width: 100%;
    }
    .widget-form .double-input-row .form-row {
        width: 100%;
    }
    .Zebra_DatePicker_Icon_Wrapper {
        width: 100%;
    }
    .form-row .Zebra_DatePicker_Icon_Wrapper input {
        width: 100%;
    }
    .widget-form .radio-checkbox-row {
        padding-left: 0
    }
    .single-input-row .errorlist.after {
        padding-left: 0;
    }
    .widget-form .form-row.simple_captcha_help_text label {
        display: none;
    }
    .widget-form .form-row input[type="text"], .widget-form .form-row select, .widget-form .form-row textarea, .widget-form .form-row > label, .widget-form .sub-form-row span {
        margin-bottom: 4px;
        width: 100%;
    }
    .simple_captcha_input_field .errorlist.after {
        padding-left: 0;
    }
    /*end web form*/

    .main_menu .horizontal > .has-child > a span::after {
        display: none;
    }
    .section-recent-property .col-md-4 {
        width: 100%;
    }
    .table-wraper table {
        min-width: 400px;
    }
    .table-wraper {
        overflow-x: auto;
    }
    .widget.widget-snippet.about-us-snippet-wi {
        padding-top: 50px;
    }
    .widget-form .form-row .sub-form-row {
        margin-top: 10px;
    }
    .bmui-tab.left-side-header .bmui-tab-body-container {
        padding: 15px;
    }
    .widget-tabAccordion .accordion-panel > .accordion-item.expanded {
        padding: 15px;
    }
    .widget-tabAccordion .accordion-panel > .label-bar {
        padding: 15px;
        line-height: 42px;
    }
    .widget.widget-tabAccordion .tab-accordion-tab.bmui-tab .bmui-tab-header {
        border: 1px solid #e6e6e6;
        margin: 5px 0;
        padding:8px 12px;
        position: relative;
    }
    .widget.widget-tabAccordion .tab-accordion-tab.bmui-tab .bmui-tab-header::after {
        color: #f8b139;
        content: "\f067";
        font-family: fontawesome;
        font-size: 12px;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .widget.widget-tabAccordion .tab-accordion-tab.bmui-tab .bmui-tab-header.bmui-tab-active {
        background-color: #f6f6f6;
        color: #f8b139;
    }
    .widget.widget-tabAccordion .tab-accordion-tab.bmui-tab .bmui-tab-header.bmui-tab-active::after {
        border: 0 none;
        color: #f8b139;
        content: "\f068";
        height: auto;
        width: 0;
        left: auto;
        right: 25px;
    }
    .bmui-tab.left-side-header .bmui-tab-header-container {
        float: none;
        width: 100%;
    }
    div.snippet-content-right-image h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .widget-tabAccordion .bmui-tab.left-side-header .bmui-tab-header .title {
        padding:0;
    }
    .widget-tabAccordion .bmui-tab.left-side-header .bmui-tab-header.bmui-tab-active .title {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        margin: 0;
        padding: 0;
        color:#f8b139;
    }
    .bmui-tab.left-side-header .bmui-tab-header.bmui-tab-active .title::after {
        display: none;
    }
    .widget-tabAccordion .bmui-tab .bmui-tab-body-container {
        padding: 15px;
    }
    h1.extra-title-1 {
        font-size: 24px;
    }
    h1.extra-title-1::after {
        width:  50px;
        height: 2px;
        margin: 10px 0 20px;
    }
    #spltr-E97BECCE-9AD1-4FAC-8867-5A57205F867B .widget {
        margin: 0;
    }
    .contact-form .form-row.btn-row button.submit-button {
        width: 100%;
    }
    .widget-form .double-input-row .form-row {
        padding: 7px 15px;
    }
    .widget-form .form-row.btn-row {
        margin-top: 0;
    }
    .widget-form .single-input-row .form-row.textArea {
        margin-top: 10px;
    }
    .widget.widget-form.contact-form .single-input-row {
        margin-bottom: 0;
    }
    .widget-form .form-row.btn-row button.submit-button {
        margin-top: 0;
    }
    /*=============customer profile==============*/
    .floating-panel-popup.product-share-option.popup {
        left: 15px!important;
    }
    .floating-panel-popup.product-share-option.popup::before,
    .floating-panel-popup.product-share-option.popup::after {
        right: 80px;
    }
    /*=============save cart popup ==============*/
    .save-cart.popup,
    .loging-to-save.save-cart-init-form {
        max-width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
    }
    .save-cart.popup .form-row input {
        width: 100%;
    }
    .save-cart.popup .form-row label {
        display: block;
    }
    .save-cart.popup .errorlist {
        padding-left: 0;
    }

    /*=============Link a card ==============*/
    .site-popup.popup.active .content .payment-form.site-popup-form .double-input-row .mandatory-chosen-wrapper {
        vertical-align: top;
        width: 100%;
    }
    .payment-form .mandatory-chosen-wrapper select+.errorlist.after {
        position: static;
    }
    .site-popup.popup.active .content .payment-form.site-popup-form .double-input-row > .form-type-info {
        display: none;
    }

    /*============= Add to wishlist popup ==============*/
    .wish-list-popup.add-to-wishlist-popup.popup,
    .add-to-wish-list-popup.add-to-wishlist-popup.popup {
        max-width: calc(100vw - 40px);
        min-width: inherit;
        width: auto;
    }

    /*============= discount coupon  ==============*/
    .page-cart .discount-coupon-code-form input {
        width: 100%;
    }
    .page-cart .discount-coupon-code-form button {
        width: 100%;
        margin-top: 7px;
    }

    /*============= checkout page  ==============*/
    .checkout-page .section > .header .icon {
        height: 32px;
        width: 32px;
        line-height: 30px;
    }
    .checkout-page .section > .header .icon:before {
        font-size: 16px;
    }
    .checkout-page .section.shipping>.header .icon:before {
        font-size: 18px;
    }
    .checkout-page .section.confirm>.header .icon:before {
        font-size: 16px;
    }
    .checkout-page .address-view > .header .title {
        font-size: 14px;
    }

    /*============= notification message ==============*/
    .notification.popup {
        right: 20px;
    }

    /*============= Newsletter Unsubscription ==============*/
    .newsletter.unsubscribe textarea {
        width: 100%;
    }

    /*============= tell a friend popup  ==============*/
    .tell_friend_popup {
        width: calc(100vw - 40px)!important;
        right: auto;
        min-width: inherit;
    }
    .tell-friend-popup .form-row label {
        display: block;
    }
    .tell-friend-popup .errorlist.after {
        padding-left: 0;
    }
    .tell-friend-popup .limit-label {
        padding-left: 0;
    }
    .tell_friend_popup input[type="text"],
    .tell_friend_popup textarea {
        width: 100%;
    }
    /*============= web form  ==============*/
    .widget-form .contact_form .double-input-row {
        margin-bottom: 0;
    }
    .widget.widget-form .form-row select {
        width: 100%;
    }
    body > .footer::before {
        height: 65px;
    }
}