@media screen and (max-width: 1169px) {
    .body > .body-section > .widget-container {
        width: auto;
    }

    div.jssor-slider-container .container [u="caption"] {
        transform: scale(1.1);
    }
    div.jssor-slider-container .container [u="caption"] {
        background: #cf3b72 none repeat scroll 0 0;
        color: #fff;
        font-family: "ZurichBT-LightCondensed";
        font-size: 18px;
        height: auto;
        left: 3%;
        line-height: 24px;
        margin: 0;
        padding: 28px;
        position: absolute;
        text-transform: uppercase;
        top: 28%;
        width: 251px;
    }
    .page-content .v-split-container > .v-split {
        margin: auto;
        width: 100%;
    }
    body  .header .widget-container,
    body  .footer .widget-container,
    .body > .body-section > .widget-container,
    .container{
        width:100%;
    }
	.main-menu .horizontal > .navigation-item a {
		padding: 0 7px;
		font-size: 16px;
	}
    /*product home*/
    .responsive .porduct-h::after {
        background: #c70c50 none repeat scroll 0 0;
        content: "";
        height: 210px;
        left: 15px;
        position: absolute;
        top: 142px;
        width: 311px;
        z-index: -2;
    }
    .widget-snippet .porduct-h img {
        max-width: 93%;
    }
    .responsive .product-h-con > h2 {
        font-size: 32px;
        padding-bottom: 50px;
        text-align: center;
    }
    .responsive .product-h-con .col-md-4 {
        display: inline-block;
        height: 370px;
        margin-bottom: 18px;
        width: 350px;
    }
    div.porduct-h a {
        left: 108px;
        position: absolute;
    }
    .product-h1.porduct-h a {
        left: 94px;
    }
    .responsive .product-h2.porduct-h a {
        left: 78px;
        max-width: 252px;
        position: absolute;
        top: 46px;
    }
    .widget.widget-snippet .product-h2 img {
        max-width: 90%;
    }
    /*==============about===========*/
    .responsive .about-us-con .link {
        margin: 40px 0;
        padding-left: 0;
        padding-right: 0;
    }
    /*==============panel===========*/
    .img-div img {
        max-width: 90%;
        position: absolute;
        top: -100px;
    }
    div.panel-h {
        max-width: 469px;
    }
    div.img-div p {
        display: block;
        font-size: 18px;
        margin-bottom: 90px;
        text-align: center;
    }
    .link {
        margin-bottom: 28px;
        margin-top: 19px;
        padding-left: 10px;
        padding-right: 10px;
    }
    div.link a {
        font-size: 18px;
        margin-right: 10px;
        max-width: 252px;
        padding: 9px 19px;
    }
    div.img-div img {
        max-width: 90%;
        position: absolute;
        top: -100px;
    }
    .img-div {
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .about-us-wi, .where-to-buy-wi {
        margin: 80px auto 70px;
        width: auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    /*====== video ======*/
    #bs-61D285CE-528C-47B0-884B-FA80A02D1801 .widget-container {
        width: auto;
    }
    /*====== footer ======*/
    div.responsive .footer > .widget-container {
        height: 241px;
        width: auto;
    }
    .responsive .footer > .widget-container {
        width: auto !important;
    }
    .footer {
        background-color: #141414;
        margin-top: 30px;
        overflow: hidden;
        padding: 52px 15px 40px;
    }

}

/*==============991px===========*/
@media screen and (max-width: 991px) {
    .responsive .main-menu {
        top: 55px;
    }

    .main-menu .horizontal > .navigation-item a {
        font-size: 15px;
        padding: 0 7px;
    }
    .main-menu .horizontal {
        margin-right: 14px;
        text-align: right;
    }

    .widget-pageHeading h1 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 400;
        line-height: 290px;
        text-align: left;
        text-transform: uppercase;
    }


    .responsive .about-us-con .link {
        margin: 40px 0;
    }
    .responsive .contact-h {
        padding-bottom: 60px;
    }
    .contact-h p {
        margin-bottom: 30px;
    }
    .brochures-con {
        margin-top: 0;
    }
    .brochures-con .col-md-6:last-child {
        margin-bottom: 50px;
    }
    div.brochures-con h4 {
        color: #666;
        font-size: 25px;
        margin-bottom: 16px;
        margin-top: 0;
    }
    .brochures-wi div.link {
        margin-bottom: 35px;
        margin-top: 20px;
    }
    .responsive .footer {
        background-color: #141414;
        margin-top: 0;
        overflow: hidden;
        padding: 52px 15px 40px;
    }
    /*====== about us home======*/
    div.about-us-con.brochures-con .link {
        margin-top: 28px;
    }
    div.about-us-con.brochures-con {
        margin-top: 30px;
        padding-bottom: 17px;
        padding-top: 51px;
    }


    /*======product home======*/
    .product-h1.porduct-h a {
        left: 100px;
        position: absolute;
    }
    .responsive .product-h-con > h2 {
        font-size: 32px;
        padding-bottom: 13px;
        text-align: center;
    }
    .product-h3.porduct-h {
        margin-top: 34px;
    }
    .responsive .product-h-con .col-md-4 {
        margin-bottom: 0;
    }
    div.product-h-con {
        padding-bottom: 0;
        padding-top: 56px;
    }


    /*==============panel===========*/
    div.link {
        margin-bottom: 28px;
        margin-top: 26px;
        padding-left: 32px;
    }
    div.img-div p {
        display: block;
        font-size: 18px;
        margin-bottom: 0;
        padding-left: 53px;
        padding-top: 203px;
        text-align: initial;
    }

    div.img-div img {
        max-width: 90%;
        padding-left: 32px;
        position: absolute;
        top: -100px;
    }
    div.panel-h-2 {
        margin-bottom: 0;
        margin-top: 145px;
    }
    div.panel-h-1 {
        margin-top: 126px;
    }
    div.panel-h {
        margin-right: 15px;
        max-width: 352px;
    }
    .air-conditioners-wi div.img-div p {
        display: block;
        font-size: 18px;
        margin-bottom: 28px;
        padding-left: 92px;
        padding-top: 214px;
        text-align: initial;
    }
    .polo-heater-wi .panel-h-2 .panel-h-left .img-div p {
        margin-bottom: 32px;
    }
    .panel-h-2 .panel-h-left .img-div p {
        margin-bottom: 32px;
    }
    .heating-row-wraper .panel-h:first-child {
        margin-right: auto;
    }
    .heating-row-wraper .panel-h {
        margin-bottom: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    .heating-row-wraper {
        margin-bottom: 82px;
    }
    .panel-h-2 .heating-row-wraper:last-child {
        margin-bottom: 0;
    }
    .polo-heater-wi .img-div img {
        position: absolute;
        top: -69px;
    }
    .polo-heater-wi .panel-h-2 .panel-h:first-child .img-div p {
        padding-top: 128px;
    }
    .polo-heater-wi .heating-row-wraper .panel-h:first-child {
        margin-bottom: 105px;
    }
    .c-series-panel-heaters-wi .img-div img {
        position: absolute;
        top: -68px;
    }
    .c-series-panel-heaters-wi .img-div p {
        padding-top: 133px;
    }
    .e-series-panel-heaters-wi .img-div img {
        position: absolute;
        top: -64px;
    }
    .polo-heater-wi .panel-h-2,
    .c-series-panel-heaters-wi .panel-h-2,
    .e-series-panel-heaters-wi .panel-h-2 {
        margin-top: 120px;
    }
    .ceramic-heater-wi .img-div > img {
        top: -118px;
    }
    .ceramic-heater-wi .img-div p {
        padding-top: 185px;
    }
    /*==========contact us=======*/
    .responsive .contact-h {
        padding-bottom: 11px;
        padding-top: 47px;
    }
    .google-map-wi > iframe {
        border: 5px solid #bdbdbd;
        box-sizing: border-box;
        display: block;
        height: 270px;
        margin-bottom: 30px;
        margin-left: 15px;
        padding: 7px;
        width: 92%;
    }
    /*========== instruction video =======*/
    .iframe-wraper {
        max-width: 526px;
        margin-left: auto;
        margin-right: auto;
    }
    .video-con {
        padding-bottom: 0;
        padding-top: 0;
    }
    /*============ air-conditioners ======*/
    .air-conditioners-wi .img-div img {
        padding-left: 67px;
    }

}
/*==============767px===========*/
@media screen and (max-width: 767px) {

    div.jssor-slider-container div.container [u="caption"] {
        background: rgba(207, 59, 114, 0.65) none repeat scroll 0 0;
        bottom: 0;
        font-size: 32px;
        height: auto;
        left: 0;
        line-height: normal;
        margin: 0;
        padding: 8px;
        position: absolute;
        right: 0;
        text-align: center;
        top: auto;
        transform: scale(1);
        width:auto;
    }
    .body > .body-section > .widget-container.page-header-inner {
        background-image: url("../images/banner-inner.jpg");
        background-position: 69% center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 150px;
        margin-bottom: 50px;
        padding: 0;
        width: 100%;
    }
    .widget-pageHeading h1 {
        background: rgba(207, 59, 114, 0.65) none repeat scroll 0 0;
        color: #ffffff;
        font-size: 17px;
        font-weight: 400;
        left: 0;
        line-height: 24px;
        margin: 0;
        padding: 5px 8px;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        top: 91px;
    }
    .widget-pageHeading h1 span {
        background: transparent none repeat scroll 0 0;
        margin: 0 15px;
        padding: 0;
    }

    #webcommander-page .header .widget-container{
        height:107px ;
    }
    .company-logo img{
        max-width:84%;
    }
    .responsive .copyright-wi {
        padding: 35px 0 15px;
    }
    /*start:menu*/
    .menu-button{
        display: block !important;
    }
    .main-menu {
        border-top: 1px solid #666666;
        display: none;
        right: auto !important;
        top: 108px !important;
        width: 100% !important;
        z-index: 2147483647;
    }
    .main-menu .horizontal > .navigation-item {
        display: block;
        margin: 0;
    }
    .main-menu .horizontal .navigation-item.has-child{
        padding-bottom:0;
    }

    .main-menu .horizontal > .navigation-item a {
        background:#3f3f3f;
        color: #fff;
        font-weight: 500;
        display: block;
        margin: 0;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        margin: 0;
        width: 100%;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item {
        padding: 0;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        background:#545454;
        border: medium none;
        text-align: center;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover {
        color: #ca1109;
        transform: translate(0px, 0px);
    }
    .horizontal .navigation-item .navigation-item-child-container .navigation-item:first-child::before {
        display: none;
    }
    .main-menu .horizontal > .navigation-item a:hover::before {
        display: none;
    }
    .main-menu .horizontal .navigation-item  > a {
        line-height:16px;
        padding:8px 0;
        position: relative;
    }
    .main-menu .horizontal {
        text-align: center;
    }
    .main-menu .horizontal > .navigation-item:first-child a{
        padding-top:20px;
    }
    .main-menu .horizontal > .navigation-item:last-child a{
        padding-bottom:20px;
    }
    .main-menu .horizontal .navigation-item  > a {
        font-size:17px;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        font-size: 13px;
        padding: 0 0 5px;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item-child-container .navigation-item a {
        color: #ca1109;
        font-size: 14px;
        padding: 0 0 5px;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container {
        left: 0;
        top: 30px;
        width: 100%;
    }
    .main-menu {
        margin-right:0;
        margin-top:0;
    }
    .main-menu .horizontal > .navigation-item.active a {
        border: medium none;
        border-radius: 0;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:first-child a {
        padding-top: 10px;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:last-child a {
        padding-bottom: 10px;
    }
    .responsive .footer > .widget-container{
        width:100% ;
        max-width:100%;
        height:auto;
    }
    .responsive .copyright-wi {
        max-width: 100%;
        padding: 35px 0 15px;
    }
    /*======product======*/
    .responsive .footer {
        background-color: #141414;
        margin-top: 0;
        overflow: hidden;
        padding: 40px 15px 15px;
    }
    /*======product======*/
    .responsive .porduct-h a {
        left: 100px;
        position: absolute;
    }
    .responsive .porduct-h p {
        color: #fff;
        font-family: "ZurichBT-LightCondensed";
        font-size: 23px;
        left: 51px;
        margin-top: 0;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 298px;
    }
    .responsive .product-h-con > h2 {
        padding-bottom: 0;
        padding-left: 74px;
        text-align: center;
    }
    .responsive .product-h-con .col-md-4 {
        display: block;
        float: none;
        height: 370px;
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto;
        width: 315px;
    }
    /*============ about us ======*/
    div.about-us-con.brochures-con {
        margin-top: 10px;
        padding-bottom: 0;
        padding-top: 38px;
    }
    /*============ panel ======*/
    .polo-heater-wi .heating-row-wraper .panel-h:first-child {
        margin-bottom: 118px;
    }
    /*============contact form======*/
    .contact-us .form-row input, .contact-us .form-row textarea {
        max-width: 478px;
    }
    .form-row.simple_captcha_input_field.mandatory > label {
        display: block;
        padding-right: 10px;
        width: 142px;
    }
    .contact-us .form-row button {
        background: #d03c73 none repeat scroll 0 0;
        font-size: 16px;
        max-width: 509px;
        padding: 0;
    }
    /*============googlemap======*/
    .google-map-wi > iframe {
        border: 5px solid #bdbdbd;
        box-sizing: border-box;
        display: block;
        height: 270px;
        margin-bottom: 30px;
        margin-left: 15px;
        padding: 7px;
        width: 445px;
    }
    /*=========== 767px 404-page========*/
    .error-page h2 {
        font-size: 40px;
        padding-top:0;
    }
    .error-page p {
        font-size: 16px;
    }
    .error-page {
        width: 90%;
    }
}
/*==============480px===========*/
@media screen and (max-width:480px) {
    .menu-button {
        right: 27px !important;
        top: 60px !important;
    }
    div.porduct-h::before {
        border-right: 45px solid transparent;
        left: 5px;
    }
    .responsive .porduct-h::after {
        width: 296px;
    }
    .responsive .footer {
        margin-top: 0;
        padding-bottom: 33px;
        padding-top: 40px;
    }
    .responsive .about-us-con.brochures-con {
        margin-top: 33px;
        padding-bottom: 34px;
        padding-top: 72px;
    }
    .responsive .product-h1.porduct-h a {
        left: 91px;
        position: absolute;
    }
    .responsive .product-h1.porduct-h > p {
        left: 99px;
    }
    .responsive .product-h2.porduct-h a {
        left: 73px;
        max-width: 251px;
        position: absolute;
    }
    .responsive .widget-snippet .product-h2.porduct-h img {
        max-width: 90%;
    }
    .responsive .product-h-con {
        padding-top: 82px;
    }
    .responsive .contact-h {
        padding-bottom: 35px;
        padding-top: 70px;
    }
    .responsive .product-h-con .col-md-4 {
        display: inline-block;
        height: 370px;
        margin-bottom: 18px;
        width: 315px;
    }
    /*=========== product ========*/
    .e-series-panel-heaters-wi .img-div img {
        left: 8px;
        position: absolute;
        top: -64px;
    }
    .e-series-panel-heaters-wi .img-div p {
        padding-left: 42px;
    }
    .c-series-panel-heaters-wi .img-div img {
        padding-left: 29px;
    }
    .c-series-panel-heaters-wi .img-div p {
        padding-left: 39px;
    }
    /*=========== contact form ========*/
    .contact-us .form-row button {
        background: #d03c73 none repeat scroll 0 0;
        font-size: 16px;
        padding: 0;
        width: calc(100% - 26px);
    }
    .contact-us .form-row input, .contact-us .form-row textarea {
        width: calc(100% - 58px);
    }
    .contact-us .form-row textarea {
        height: 110px;
    }
    /*=========== gmap ========*/
    .google-map-wi > iframe {
        border: 5px solid #bdbdbd;
        box-sizing: border-box;
        display: block;
        height: 270px;
        margin-bottom: 30px;
        margin-left: 15px;
        padding: 7px;
        width: 90%;
    }
    /*=========== jssor ========*/
    div.jssor-slider-container,
    div.jssor-slider-container .container,
    div.jssor-slider-container .container .slide {
        overflow: visible !important;
    }
    .responsive .product-h-con > h2 {
        padding-left: 0;
        text-align: left;
    }
    div.jssor-slider-container div.container [u="caption"] {
        bottom: -114px !important;
    }
    div.jssor-slider-container div.container [u="caption"] {
        background: rgba(207, 59, 114, 0.65) none repeat scroll 0 0;
        bottom: 0;
        font-size: 40px;
        height: auto;
        left: 0;
        line-height: normal;
        margin: 0;
        padding: 8px;
        position: absolute;
        right: 0;
        text-align: center;
        top: auto;
        transform: scale(1);
        width:auto;
    }
    /*=========== panel ========*/
    .heating-row-wraper .panel-h:first-child {
        margin-right: 15px;
    }
    .heating-row-wraper .panel-h {
        margin-bottom: 150px;
        margin-left: 15px;
        margin-right: 15px;
    }
    /*============ air-conditioners ======*/
    .air-conditioners-wi .img-div img {
        padding-left: 43px;
    }
    /*============ header ======*/
    .phn > span {
        display: none;
    }
    .phone-header-wi {
        width: 105px !important;
    }
    .phone-header .phn img {
        margin-right: 0;
    }
}
/*==============360px===========*/
@media screen and (max-width:360px) {
    .phone-header::before{
        display:none;
    }
    .phone-header a {
        color: #0a0a0a;
        font-family: "ZurichBT-LightCondensed";
        font-size: 22px;
        font-weight: normal;
        line-height: 30px;
        opacity: 0.8;
        text-transform: uppercase;
    }

}