.title {
    position: relative;
    font-size: 14px;
    color: #175580;
    padding-left: 30px;
    font-weight: 600;
}

.title:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 0;
    width: 14px;
    height: 2px;
    background: #175580;
}


/* urban css start */

a.quicklink_trigger {
    display: none;
    font-size: 15px;
    color: var(--white);
    position: relative;
    z-index: 0;
    padding: 5px 10px;
    font-weight: bold;
    transform: rotate(-90deg);
    left: -64px;
    width: 100px;
    top: 87px;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    letter-spacing: 0.32px;
    background: var(--themecolor);
    font-family: 'Exo 2';
}

.side-navigation {
    width: 213px;
    position: absolute;
    z-index: 99;
    padding: 20px 0;
    background-color: #ECF1F3;
}

.quicklink_div .closemenu {
    display: none;
}

.side-navigation.fixed {
    position: fixed;
    top: 120px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.side-navigation.bottom {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
  /*  opacity: 0;*/
}

.side-navigation ul.c-ul>li>a {
    font-size: 14px;
    color: var(--primary);
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}

.side-navigation ul.c-ul>li>a {
    padding: 10px 10px 10px 30px;
    position: relative;
    display: block;
}

.side-navigation ul.c-ul>li:last-child>a {
    border-bottom: 0;
}
.side-navigation ul.c-ul>li>a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #505050;
    left: 9px;
    top: 18px;
}

.side-navigation ul.c-ul>li>a.active-section {
    color: #175580;
    font-weight: 600;
}

.side-navigation ul.c-ul>li>a.active-section:before {
    background-color: #175580;
}


/* urban css end */


/* common */


/* common end */

.content-wrapper.reverse .ctent-block {
    padding-left: 115px;
    padding-right: 0;
}

.content-section .content-wrapper .ctent-block {
    width: calc(100% - 640px);
}

.content-section .content-wrapper .ctent-img {
    width: 640px;
}

.checklist li {
    line-height: 26px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
}

.checklist li:before {
    position: absolute;
    content: "";
    background: url(../images/checklist.svg) no-repeat left top;
    left: 0px;
    top: 7px;
    width: 25px;
    height: 25px;
    object-fit: initial;
}


/* new */


/* .content-section {
    padding: 80px 0;
} */


/* .content-section {
    padding-top: 0;
} */

.feature-head {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.feature-wrap ul li .feature-list p:last-of-type{
    margin-bottom: 0;
}

.feature-head-left {
/*    width: 100%; */
	width: 50%;
    padding-right: 40px;
}

.feature-head p {
    width: calc(100% - 50%);
    padding-left: 50px;
    font-size: 16px;
}

.feature-body ul {
    display: flex;
    justify-content: space-between;
    column-gap: 100px;
}

.feature-body ul>li {
    flex: 1;
}

.right-side.container {
    margin: 0;
    max-width: 1400px;
}

.feature-img {
    margin-bottom: 10px;
    min-height: 58px;
}

.feature-list .heading-20 {
    color: #175580;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.border-bottom {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 80px;
}


/* feature-contact section */

.badge-text {}

.feature-contact-wrap {
    display: flex;
    flex-wrap: wrap;
    background: #ECF1F3;
}

.feature-contact-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 70px 35px 50px;
}

.feature-contact-us .feature-contact-wrap .feature-contact-left .button-group {
    width: 100%;
    justify-content: left;
}

.feature-contact-right {
    width: 50%;
}

.feature-contact-right-img {
    position: relative;
}

.feature-contact-wrap .feature-contact-right-img>.badge {
    top: 60px;
    left: 60px;
    opacity: 0.9;
}


/* table */

.iglubemodels.table-wrapper thead {
    background: #175580;
    color: white;
    font-size: 14px;
}

.iglubemodels.table-wrapper thead tr th span {
    display: block;
    font-weight: 500;
    line-height: 1.4;
}

.iglubemodels.table-wrapper table tbody {
    text-align: center;
}

.iglubemodels.table-wrapper table tbody tr td {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 20px;
}

.iglubemodels.table-wrapper thead tr th {
    padding: 20px 20px;
}

.iglubemodels.table-wrapper thead tr th {
    padding: 10px 0;
}

.iglubemodels.table-wrapper table tr td:first-child {
    width: auto;
    min-width: auto;
}

.iglubemodels.table-wrapper.technicalinfo table tbody tr td {
    text-align: end;
    color: black;
}

.iglubemodels.table-wrapper.technicalinfo table tr td:first-child {
    text-align: left;
    padding: 23px 20px 23px 40px;
}


/* video-instalation */

.construction-wrapper.slick-initialized{
    display: block;
}

.video-instalation {
    position: relative;
}

.video-instalation::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(137deg, rgb(20 22 76 / 71%) 0%, #175580 100%) 0% 0% no-repeat padding-box;
}

.construction-wrapper .product-item .product-img {
    position: relative;
    background-color: var(--white);
    min-height: 365px;
        display: flex;
    align-items: center;
    justify-content: center;
}
.construction-wrapper .product-item .product-img > img{
    width: 100%;
}

.construction-wrapper .product-item .product-img::before {
    content: "";
    position: absolute;
    background-image: url(../images/youtube.png);
    background-repeat: no-repeat;
    top: calc(100% - 60%);
    left: calc(100% - 56%);
    background-color: black;
    width: 70px;
    height: 44px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position-x: center;
    background-position-y: center;
    border-radius: 6px;
}

.construction-wrapper .product-item:hover>.product-img::before {
    background-color: red;
}


/* .construction-wrapper .product-item .product-img img {
    border-radius: 5px;
} */

.instalationvideoheading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.instalationvideoheading .heading-30 {
    margin: 0;
    color: white;
}


/* Technical documentation & drawings */

.tech-doc-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.tech-doc-left {
    width: 50%;
}

.tech-doc-right {
    width: 50%;
}

.tech-doc-right p {
    color: black;
    font-size: 18px;
    font-weight: 600;
}

.pdflist li {
    line-height: 26px;
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-family: 'Archivo';
    border-top: solid 1px #70707085;
}

.pdflist li:hover>a {
    color: #ff6400;
}

.pdflist li a {
    padding: 15px 0 15px 40px;
    width: 100%;
}

.pdflist li:before {
    position: absolute;
    content: "";
    background: url(../images/pdf.svg) no-repeat left top;
    left: 0px;
    top: 15px;
    width: 25px;
    height: 25px;
    object-fit: initial;
}
.pdflist li a{
    position: relative;
}
.pdflist li a::after {
    position: absolute;
    content: "";
    background: url(../images/download-alt.svg) no-repeat left top;
    right: 0;
    top: 15px;
    width: 25px;
    height: 25px;
    object-fit: initial;
}
.pdflist li a:hover::after{
        filter: invert(65%) sepia(59%) saturate(7497%) hue-rotate(1deg) brightness(103%) contrast(103%);
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.video-instalation .construction-wrapper .product-item {
    display: flex;
    justify-content: center;
    align-items: center;
  
}
.commercial-page .areas-content.py-90{
    padding-bottom: 0;
}

/* ***************** TOOLTIP ************** */

.sys-break{
	height: 436px;
    position: absolute;
    top: 0;
    width: 100%;
}
.sys-ul{list-style: none;}
.sys-ul li{ display: inline-block;}
.sys-ul li.mail-zoom {
    display: none;
}

.mail-zoom.topcoat{
    left: -4%;
    top: 68px;
}

.sys-ul li.pophr1{left: 48%;top: 105px;}
.sys-ul li.pophr2 {left: 28%;top: 288px;}
.sys-ul li.pophr3 {left: 52%;top: 288px;}
.sys-ul li.pophr4{left: 72%;top: 252px;}

.mail-zoom:after{animation: border 1s;}

.sys-ul li span{display: none;}
.sys-ul li span.active_spn{display: block;}
.sys-ul li.mail-zoom{
    display: none;
    position: absolute;
    z-index: 10;
    padding: 0;
    background: #175580;
    color: var(--white);
    min-width: 160px;
    min-height: 42px;
    padding: 10px 20px;
    text-align: center;
}
.pophover:before {
    content: "";
    position: absolute;
    height: 0;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid var(--blue);
    z-index: 5;
    width: 12px;
}

.tooltip-wrapper ul li:before{
    content: none;
}
.tooltip-effect{
    position: absolute !important;
    left: calc(50% - -52px);
    top: 168px;
    z-index: 5;
    padding-left: 0 !important;
}
.tooltip-effect.tooltip2{
    bottom: 58px;
    top: inherit;
    left: calc(50% - 72px);
}

.tooltip-effect.tooltip3{
    bottom: 58px;
    top: inherit;
    left: calc(50% - -80px);

}
.tooltip-effect.tooltip4{
    bottom: 92px;
    top: inherit;
    left: initial;
    right: 84px;
}
.tooltip-effect.tooltip5{
    top: 100px;
    left: inherit;
    right: 114px;
}
.tooltip-effect.tooltip6{
    top:205px;
    left: inherit;
    right: 85px;
}
.tooltip-effect.tooltip7{
    top: 405px;
    left: inherit;
    right: 176px;
}
.tooltip-effect.tooltip8{
    top: 428px;
    left: inherit;
    right: 230px;
}
.tooltip-effect.tooltip9{
    top: 465px;
    left: 181px;
}
.sys-ul li.pophr5{
    top: 33px;
    right: 50px;
}
.sys-ul li.pophr6{
    right: 20px;
    top: 140px;
}
.sys-ul li.pophr7{
    top: 335px;
    right: 112px;
}
.sys-ul li.pophr8{
    top: 360px;
    right: 166px;
}

.sys-ul li.pophr9{
    top: 398px;
    left: 116px;
}


.table-wrapper.technicalinfo{
    margin-bottom: 80px;
}
.page-template-page-resources #featured.content-section.pb-80{
    padding-bottom: 0;
}
#benefits .feature-body.pb-80{
    padding-bottom: 0;
}
#technicalinformation .ctent-block p:last-child{
    margin-bottom: 0;
}


/* Super Large devices (large desktops, less than 1600px) */

@media (min-width: 1200px) {
    .content-section .container {
        max-width: 100%;
        margin-left: auto;
        padding-left: 230px;
        margin-right: 10px;
    }
}

@media (min-width: 1440px) {
    .content-section .container {
        max-width: 100%;
        margin-left: auto;
        padding-left: 230px;
        margin-right: 10px;
    }
}

@media (min-width: 1600px) {
    .content-section .container {
        max-width: 100%;
        margin-left: auto;
        padding-left: 230px;
        margin-right: 10px;
        ;
    }
}

@media(min-width: 1840px) {
    .content-section .container {
        max-width: calc(1610px - 230px);
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
    }
}

@media (max-width: 1599.98px) {
    .content-wrapper.reverse .ctent-block {
        padding-left: 60px;
    }
    .feature-body ul {
        column-gap: 80px;
    }
    .feature-contact-left {
        padding: 50px;
    }
    /* table */
    .iglubemodels.table-wrapper thead tr th {
        padding: 10px 0;
        min-width: 163px;
    }
    .table-wrapper.iglube-modal-side {
        overflow-x: scroll;
    }
    .pb-80 {
        padding-bottom: 60px;
    }
    .pt-80 {
        padding-top: 60px;
    }
    
}


/* Extra Large devices (large desktops, less than 1440px) */

@media (max-width: 1439.98px) {
    .content-wrapper.reverse .ctent-block {
        padding-left: 40px;
    }

    .feature-head-left {
        padding-right: 0;
    }
    .feature-body ul {
        column-gap: 40px;
    }
    .feature-contact-left {
        padding: 20px 50px 20px 30px;
        width: 55%;
    }
    .feature-contact-right {
        width: 45%;
    }
    .content-section .content-wrapper .ctent-img {
        width: 50%;
    }
    .content-section .content-wrapper .ctent-block {
        width: calc(100% - 50%);
        padding-right: 0;
    }
    .video-instalation .construction-wrapper .product-item .product-img {
        min-height: 280px;
    }
    .feature-list{
        column-gap: 35px;
    }
    /******* TOOLTIP ****** */
    .tooltip-wrapper , 
    .sys-break{
    	height: 410px;
    }
    .tooltip-wrapper > img{
    	object-fit: cover;
    	height: 410px;
    }
    .tooltip-effect.tooltip4{
    	right:25px;
    }

    .sys-ul li.pophr4{left: 79%;top: 225px;}
    .sys-ul li.pophr3{left: 52%;top: 258px;}
    .sys-ul li.pophr2 {left: 25%;top: 262px;}


    .feature-contact-right-img.tooltip-wrapper , 
    .feature-contact-right-img .sys-break ,
    .feature-contact-right-img.tooltip-wrapper > img{height: 450px;}

    .feature-contact-wrap .feature-contact-right-img>.badge {top: 15px;left: 15px;}

    .tooltip-effect.tooltip5{top: 60px;right: 75px;}
    .tooltip-effect.tooltip6{top: 145px;right: 54px;}
    .tooltip-effect.tooltip7{top: 280px;right: 122px;}
    .tooltip-effect.tooltip8{top: 301px;left: inherit;right: 168px;}
    .tooltip-effect.tooltip9 {top: 310px;left: 135px;}

    .sys-ul li.pophr5 {top: -15px;right: 10px;}
    .sys-ul li.pophr6 {right: 1px;top: 75px;}
    .sys-ul li.pophr7 {top: 214px;right: 55px;}
    .sys-ul li.pophr8 {top: 230px;right: 102px;}
    .sys-ul li.pophr9 {top: 240px;left: 70px;}

    .table-wrapper.technicalinfo, .content-section .content-wrapper:not(:last-child){margin-bottom: 60px;}

}


/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
    #c-space hr {
        margin: 40px 0;
    }
    .side-navigation.fixed {
        position: unset;
        top: 110px;
    }
    .side-navigation {
        padding: 0;
        width: 100%;
        position: unset;
    }
    a.quicklink_trigger {
        display: block;
        background: #ff6400;
        font-family: 'Archivo';
        z-index: -1;
        position: absolute;
        left: -70px;
        top: 48px;
    }
    .quicklink_div {
        right: -270px;
        position: fixed;
        transition: all ease-out .3s !important;
        -webkit-transition: all ease-out .3s !important;
        -moz-transition: all ease-out .3s !important;
        -ms-transition: all ease-out .3s !important;
        z-index: 9;
        top: 183px;
    }
    .quicklink_div {
        width: 270px;
    }
    .quicklink_div .closemenu {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .quicklink_div.slide {
        right: 0;
        background: #175580;
        padding: 25px 0 0 0;
        height: auto;
    }
    .commercial-left {
        margin-bottom: 0;
        padding: 0 15px 10px 25px;
        background: #175580;
    }
    .quicklink_div .closemenu>img {
        margin-left: auto;
        filter: invert(0) brightness(100);
    }
    .side-navigation ul.c-ul>li>a {
        padding: 0 10px 15px 20px;
        color: var(--white);
    }
    .img-wrapper .exp-logo {
        width: 100px;
    }
    .img-wrapper .exp-logo {
        width: 120px;
    }
    /* .cf-finish {
        padding: 60px 0;
    } */
    .secgallery {
        padding: 60px 0;
    }
    .side-navigation ul.c-ul>li>a:before {
        background-color: #ffffff;
        left: 0px;
        top: 8px;
    }
    .side-navigation ul.c-ul>li>a.active-section {
        color: #ff6400;
    }
    .side-navigation ul.c-ul>li>a.active-section:before {
        background-color: #ff6400;
    }
    /* top section css */
    .content-section .content-wrapper .ctent-img {
        width: 50%;
    }
    .content-section .content-wrapper .ctent-block {
        width: calc(100% - 50%);
        padding-right: 0;
    }
    .feature-body ul {
        column-gap: 0;
        flex: none;
        flex-wrap: wrap;
    }
    .feature-body ul>li {
        flex: none;
        width: 32%;
        margin-bottom: 20px;
    }
    .feature-body ul>li:last-child {
        margin-bottom: 0;
    }
    .construction-wrapper .product-item {
        margin: 0 10px;
    }
    .border-bottom{
        padding-bottom: 40px;
    }

    .iglubemodels.table-wrapper table tbody tr td{
         font-size: 14px;
        line-height: 1.2;
    }

    /******* TOOLTIP ****** */
    .sys-ul li.mail-zoom{line-height: 100%;min-width: auto;min-height: auto;padding: 10px 12px;}

    .tooltip-effect.tooltip5 {top: 70px;right: 35px;}
    .tooltip-effect.tooltip6{right: 15px;}
    .tooltip-effect.tooltip7{right: 82px;}
    .tooltip-effect.tooltip8{right: 120px;}
    .tooltip-effect.tooltip9 {top: 322px;left: 92px;}


    .sys-ul li.pophr1 {left: 54%;top: 118px;}
    .sys-ul li.pophr2 {left: 27%;top: 270px;}
    .sys-ul li.pophr3 {left: 60%;top: 274px;}
    .sys-ul li.pophr4 {left: 82%;top: 238px;}
    .sys-ul li.pophr5 {top: 22px;right: -13px;}
    .sys-ul li.pophr6 {right: -32px;top: 95px;}
    .sys-ul li.pophr7 {top: 230px;right: 34px;}
    .sys-ul li.pophr8 {top: 252px;right: 72px;}
    .sys-ul li.pophr9 {top: 270px;left: 45px;}

    .table-wrapper.technicalinfo , .feature-head, .content-section .content-wrapper:not(:last-child){margin-bottom: 30px;}
    .feature-head p:last-of-type{margin-bottom: 0;}
   

}


/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .content-section .content-wrapper .ctent-img {
        width: 100%;
        margin-top: 0;
    }
    .content-section .content-wrapper .ctent-block {
        width: calc(100% - 100%);
        padding-right: 0;
    }
    .reverse {
        flex-direction: column;
    }
    .content-section .content-wrapper .ctent-block {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 30px;
    }
    .feature-head p {
        padding-left: 20px;
        width: 100%;
        padding-left: 0;
    }
    .feature-head {
        margin-bottom: 30px;
    }
    .feature-body ul>li {
        width: 47%;
        margin-bottom: 0;
    }
    .feature-contact-wrap {
        flex-direction: column-reverse;
    }
    .feature-contact-left {
        padding: 40px;
        width: 100%;
    }
    .feature-contact-right {
        width: 100%;
    }
    .feature-contact-right.sticky {
        position: static;
    }
    .iglubemodels.table-wrapper thead tr th {
        min-width: 121px;
        line-height: 18px;
    }
    /* .construction-wrapper .product-item .product-img::before {
        background-size: 35px;
    } */
    .tech-doc-wrap {
        flex-direction: column;
    }
    .tech-doc-left {
        width: 100%;
    }
    .tech-doc-right {
        width: 100%;
    }
    .pdflist li {
        margin-bottom: 0;
    }
    .pb-80 {
        padding-bottom: 40px;
    }
    .pt-80 {
        padding-top: 40px;
    }
    .feature-head-left {
        width: 100%;
        padding-right: 0;
    }
   .video-instalation .construction-wrapper .product-item .product-img {
        min-height: 255px;
    }
    .feature-contact-left .heading-32{
        font-size: 24px;
    }

     /******* TOOLTIP ****** */
     .pophover:before{display: none;}

    .sys-ul li.pophr2 {left: 34%;}
    .sys-ul li.pophr1 {left: 52%;}
    .sys-ul li.pophr3 {left: 56%;}
    .sys-ul li.pophr4 {left: 87%;}

    .tooltip-effect.tooltip5 {top: 20px;right: 92px;}
    .tooltip-effect.tooltip6 {right: 58px;}
    .tooltip-effect.tooltip7 {right: 160px;top: 308px;}
    .tooltip-effect.tooltip8 {right: 228px;top: 340px;}
    .tooltip-effect.tooltip9 {top: 372px;left: 184px;}



    .sys-ul li.pophr5 {top: -26px;right: 42px;}
    .sys-ul li.pophr6 {right: 12px;}
    .sys-ul li.pophr7 {top: 258px;right: 115px;}
    .sys-ul li.pophr8 {top: 290px;right: 181px;}
    .sys-ul li.pophr9 {top: 322px;left: 137px;}

    .content-section p:last-child{margin-bottom: 0;}
}


/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    .feature-head p {
        margin-bottom: 0;
    }
    .feature-contact-left {
        padding: 40px 20px;
    }
    .video-instalation .construction-wrapper .product-item .product-img{
        min-height: 193px;
    }
    .construction-wrapper .product-item .product-img::before {
        background-size: 10px;
    }
    .construction-wrapper .product-item .product-img::before {
        top: calc(100% - 57%);
        left: calc(100% - 57%);
        width: 50px;
        height: 35px;
        background-size: 10px;
    }

     /******* TOOLTIP ****** */
     .tooltip-effect.tooltip5 {top: 65px;right: 68px;}
	.tooltip-effect.tooltip7 {right: 118px;top: 285px;}
	.tooltip-effect.tooltip8 {right: 165px;top: 310px;}
	.tooltip-effect.tooltip9 {top: 328px;left: 138px;}


    .sys-ul li.pophr5 {top: 22px;right: 18px;}
    .sys-ul li.pophr7 {top: 238px;right: 75px;}
    .sys-ul li.pophr8 {top: 270px;right: 120px;}
    .sys-ul li.pophr9 {top: 286px;left: 94px;}
}


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    /* .feature-body ul li .feature-list p {
        height: 77px;
        -webkit-line-clamp: 3;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-height: 24px;
    } */
    .feature-body ul>li {
        width: 100%;
    }
    .feature-contact-left {
        padding: 20px 10px;
    }
    .checklist li {
        padding-left: 35px;
        margin-bottom: 10px;
    }
    .table-wrapper.technicalinfo {
        width: 100%;
        overflow: auto;
    }
    .iglubemodels.table-wrapper.technicalinfo table tr td:first-child {
        text-align: left;
        padding: 15px;
    }
    .feature-body ul li .feature-list .heading-20 {
        height: 27px;
        -webkit-line-clamp: 1;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-height: 24px;
    }
    .instalationvideoheading .download-btn {
        margin-top: 10px;
    }
    .pdflist li a {
        padding: 15px 32px 15px 35px;
        line-height: 22px;
    }
    .construction-wrapper .product-item {
        margin: 0 5px;
    }
    .video-instalation .construction-wrapper .product-item .product-img{
        min-height: 260px;
    }
    /* ****** TOOLTIP ****** */
    .tooltip-wrapper > img{
        height: 370px;
    }
    .tooltip-wrapper, .sys-break {
        height: 370px;
    }
    .tooltip-effect.tooltip4 {
        right: 15px;
        bottom: 105px;
    }


}

@media (max-width: 480.98px) {
    .video-instalation .construction-wrapper .product-item .product-img {
        min-height: 190px;
    }

    /* ****** TOOLTIP ****** */
    .tooltip-effect{left: calc(50% - -18px);top: 70px;}
    .tooltip-wrapper, .sys-break {height: 230px;}
    .tooltip-wrapper > img {height: 230px;}
    .tooltip-effect.tooltip2 {bottom: 15px;}
    .tooltip-effect.tooltip3{bottom: 7px;left: calc(50% - -55px);}
    .tooltip-effect.tooltip4{right: 5px;bottom: 56px;}
    

    .sys-ul li.pophr1 {left: 46%;top: 25px;}
	.sys-ul li.pophr2 {left: 25%;top: 135px;}
	.sys-ul li.pophr3 {left: 55%;top: 150px;}
	.sys-ul li.pophr4 {left: inherit;top: 100px;right: 0;}


	.feature-contact-right-img.tooltip-wrapper, 
	.feature-contact-right-img .sys-break, 
	.feature-contact-right-img.tooltip-wrapper > img {
        height: 400px;
    }

    .tooltip-effect.tooltip7 {right: 100px;top: 250px;}
    .tooltip-effect.tooltip8 {right: 140px;top: 270px;}
    .tooltip-effect.tooltip9 {top: 286px;left: 116px;}

    .sys-ul li.pophr7 {top: 205px;right: 50px;}
    .sys-ul li.pophr8 {top: 228px;right: 95px;}
    .sys-ul li.pophr9 {top: 240px;left: 82px;}
}

@media (max-width: 375.98px) {
    .construction-wrapper {
        margin: 0 -5px;
    }
    .video-instalation .construction-wrapper .product-item .product-img {
        min-height: 270px;
    }

    /* **********  TOOLTIP  ************ */
    .feature-contact-right-img.tooltip-wrapper, 
    .feature-contact-right-img .sys-break, 
    .feature-contact-right-img.tooltip-wrapper > img {
        height: 280px;
    }

    .tooltip-effect.tooltip5 {top: 30px;right: 24px;}
    .tooltip-effect.tooltip6 {right: 20px;top: 90px;}
    .tooltip-effect.tooltip7 {right: 50px;top: 165px;}
    .tooltip-effect.tooltip8 {right: 84px;top: 180px;}
    .tooltip-effect.tooltip9 {top: 190px;left: 65px;}


    .sys-ul li.pophr5 {top: -10px;right: 0px;}
    .sys-ul li.pophr6 {right: 0;top: 50px;}
    .sys-ul li.pophr7 {top: 123px;right: 0;}
	.sys-ul li.pophr8 {top: 138px;right: 30px;}
	.sys-ul li.pophr9 {top: 149px;left: 30px;}
}