.hero_title h1{
    font-family: "Poppins Light";
    color: #000;
}
.hero_title span{
    color: #000;
}
.section_heading--toptwo {
    padding: 2vw 10vw 0 10vw;
    text-align: center;
    font-size: 20px;
}
.hero_two h3{
    color: #000;
    font-size: 2em;
}
.section-h3 h3{
    color: #000;
    font-size: 2em;
}
.hero_two_more {
    min-height: 350px;
}


.icon-container {
    width: 80%;
}
.icon {
    width: 104px;
}
.feature {
    font-weight: 500;
}
.hero-triangles-pro{
    min-height: 180px;
    padding-bottom: 28%;
    margin: 6% 0 3% 0;
}
.top-section-wrapper .top-content-pro{
    width: 49%;
}
.top-figure-pro{
    width: 49%;
}
@media screen and (max-width: 768px) {
    .top-section-wrapper .top-content-pro {
        width: 100%;
    }
    .top-section-wrapper .top-figure-pro {
        width: 100%;
    }
}
.hero_inline {
    background-image: url(/catalog/view/theme/potensic/stylesheet/dreamerpro/img/background.png);
    background-size: contain;
    margin: 3% 0;
}
.hero_content_more_pro{
    width: 100%;
    display: flex;
    justify-content: space-between;
    /*text-align: center;*/
}

.hero_content_more_pro-one{
    width: 40%;
}
.hero_content_more_pro-two{
    overflow: hidden;
    width: 60%;
}
.hero_content_more_pro-two img{
    max-width:100%;
}
.hero_content_more_pro-two img{
    cursor: pointer;
    /*transition: all 0.6s;*/
}
.hero_content_more_pro-two img:hover{
    /*transform: scale(1.1);*/
}
.hero-one-pro{
    width: 40%;
}
.hero-two-pro ul li{
    display: inline-block;
}
.pro-container{
    min-width: 1200px;
    position: relative;
}
.pro-container .design-description {
    position: absolute;
    top: 0;
    left: 25%;
    opacity: 0;
    transition: all .3s ease-in;
    z-index: 1;
}
.pro-container .section-title {
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    line-height: 56px;
    margin-top: 56px;
    width: 420px;
}
.pro-container .description {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 24px;
    width: 420px;
}
.pro-container .designs {
    position: absolute;
    left: 25%;
    top: 591px;
}
.pro-container .design {
    display: inline-block;
    opacity: .5;
    max-width: 112px;
    margin-right: 56px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    vertical-align: top;
}
.pro-container .design-pro {
    opacity: 1;
}
.pro-container .design h2 {
    font-weight: 600;
    font-size: 80px;
    color: #fff;
    letter-spacing: -.8px;
    text-align: left;
    text-indent: -4px;
    line-height: 70px;
}
.pro-container .sub-title {
    font-weight: 400;
    color: #fff;
    letter-spacing: -.24px;
    text-align: left;
    margin-top: 1px;
    line-height: 24px;
    font-size: 16px;
    width: 150px;
}
@media screen and (max-width: 1150px) {
    .hero_inline {
        display: inherit;
    }
}
.pro-container .design-description-pro{
    opacity: 1;
}
.section .section-title {
    border-bottom: none;
}
.design-img{
    display: none;
}
.design-img-show{
    display: inherit;
}
@media (max-width:1680px) and (min-width:1340px) {
    .pro-container .designs {
        top: 400px;
    }
}
@media (max-width:1339px) and (min-width:1065px){
    .pro-container{
        min-width: 1065px;
        position: relative;
    }
    .hero_content_more_pro-two img{
        width: 100%;
    }
    .pro-container .design-description {
        top: 0;
        left: 10%;
    }
    .pro-container .designs {
        left: 10%;
        top: 314px;
        margin-right: 20px;
    }
    .pro-container .design h2 {
        font-size: 55px;
    }
    .pro-container .sub-title {
        width: 105px;
        font-size: 12px;
    }
}
.section__vision-mobile{
    display: none;
}
/*4banner mobile begin*/
@media (max-width: 1064px)  {
    .section__vision-mobile{
        display: inherit;
    }
    .hero_inline_pro{
        display: none;
    }
    .section__content-mobile{
        margin: 3em 0 0 0;
        background-image: url(/catalog/view/theme/potensic/stylesheet/dreamerpro/img/background.png);
        background-size: auto;
    }
    .section-h3 .design {
        display: inline-block;
        opacity: .5;
        cursor: pointer;
        transition: all .3s ease-in-out;
        vertical-align: top;
        margin: 0 12px;
    }
    .section-h3 .design-pro {
        opacity: 1;
    }
    .section-h3 .design h2 {
        font-weight: 600;
        font-size: 2em;
        color: #fff;
        letter-spacing: -.8px;
        text-align: left;
        text-indent: -4px;
        line-height: 96px;
    }
    .section-h3 .sub-title {
        font-weight: 400;
        color: #fff;
        letter-spacing: -.24px;
        text-align: left;
        margin-top: 1px;
        line-height: 24px;
        font-size: 16px;
        width: 150px;
        display: none;
    }
    .section-h3 .design-description {
        display: none;
        transition: all .3s ease-in;
        z-index: 1;
    }
    .section-h3 .design-description-pro{
        display: inherit;
        transition: all .3s ease-in;
    }
    .section-h3 .hero_content_more_pro-two{
        margin: 0 auto;
    }
    .section-h3 .hero_content_more_pro-two img{
        width: 100%;
    }
    .section-h3 .design-description h1{
        font-weight: 600;
        font-size: 26px;
        padding-top: 1em;
        color: #fff;
    }
    .section-h3 .design-description p{
        font-size: 14px;
        color: #fff;
    }
}
/*4banner mobile end*/
.hero_inline_one-pro .hero_title{
    margin-bottom: 7.8vw;
}
.hero_inline_one-pro .hero_title h1{
    font-size: 3.8em;
    color: #fff;
    letter-spacing: -.24px;
    font-family: "Poppins Medium"!important;
}
.hero_inline_one-pro .hero_title span{
    font-size: 17px;
    color: #fff;
    letter-spacing: .24px;
}
.section {
    padding: 10px 0 0px;
}
.section-title-h2-part1 {
    font-size: 29px;
}
.hero_inline_one-pro{
    margin-top: 4em;
}
@media (max-width: 768px) {
    .sub-nav-wrap-common .sub-nav-right li {
        padding: 0 8px;
    }
}
@media screen and (max-width: 768px) {
    body{
        max-width: 414px;
        margin: auto;
    }
    #top .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .hero_two_more {
        min-height: 566px;
    }
    .hero_two h3 {
        font-size: 18px;
        font-weight: 600;
    }
    .hero_two_more .section_heading--top {
        text-align: left;
        font-size: 14px;
    }
    .enterspan{
        display: none;
    }
    .hero_two_more {
        min-height: 300px;
    }
    .icon-container{
        display: inherit;
    }
    .icon-container .icon-item{
        display: inline-block;
    }
    .icon-item {
        width: 23%;
        text-align: center;
        margin-top: 48px;
        vertical-align: top;
    }
    .icon-item img{
        width: 64px;
    }
    .icon-item span{
        font-size: 12px;
    }
    .feature {
        line-height: 24px;
    }
    .section_heading--toptwo {
        padding: 2vw 0 0 0;
    }
    .section_heading--top-description .section-h3-18{
        font-size: 19px;
        font-weight: 600;
    }
    .section_heading--top-description .section-p-14{
        font-size: 14px;
    }
    .section_heading--top-description .section-h3-18 .section-p-14{
        text-align: left;
    }
    .section_heading--top-description .section-p-14{
        text-align: left;
    }
    .top-section-wrapper .axis-3{
        display: flex;
    }
    .axis-3 .top-content-pro {
        width: 50%;
    }
    .axis-3 .top-figure-pro {
        width: 50%;
    }
    .axis-3 img:first-child {
        width: 50%!important;
    }
    .axis-3 img {
        padding: 1px;
    }
    .section_heading--top-description  .axis-3 p{
        font-size: 13px;
    }
    .section-title-h2-part1 {
        font-size: 19px!important;
    }
    .top-section-wrapper .top-content .section-description {
        font-size: 14px;
    }
    .section-title-h2-part1 {
        line-height: 0;
    }
    .prepare_part1 p {
        line-height: 22px;
    }
    .section_heading--middle2-img{
        padding: 0;
    }
    .section_heading--middle2-img .prepare_part1_right{
        padding: 0vw 3vw 5vw 3vw;
    }
    .section_heading--middle2-img .prepare_part1_left{
        padding: 0vw 3vw 5vw 3vw;
    }
    .hero_inline_one-pro{
        margin-top: 0;
    }
    .section__vision-bg{
        background: linear-gradient(164deg, #D1D6E1 0%, #D1D6E1 0%, #EBEEF5 100%);
        padding-bottom: 20px;
    }
    .hero_title-easy h1{
        font-size: 22px!important;
    }
    .hero_title-easy span{
        font-size: 13px!important;
    }
    .section__vision-zero{
        padding-top: 0;
    }
    .section-title-h2-sec-more{
        font-size: 19px;
        line-height: 20px;
        margin: 0;
    }
    .swiper-slide {
        font-size: 13px!important;
    }
    .thumb-font1 p{font-size: 13px;}
    .thumb-font2 p{font-size: 13px;}
    .thumb-font3 p{font-size: 13px;}
    .thumb-font4 p{font-size: 13px;}

}