@import url("../css/_default-banner-section.css");

.default-content-section{z-index: 1;}
.default-content-main{padding: 56px 0 50px;}
.default-bg{width: 100%; height: 100%; max-height: 700px; top: auto; bottom: -249px; left: 0; right: 0; background-image: linear-gradient(to bottom, #fff, #000); position: absolute; z-index: -1; opacity: 0.15;}

/*-- media css starts here --*/
@media only screen and (min-width: 768px){
    h2{font-size: 44px; line-height: 48px; letter-spacing: normal; margin-bottom: 7px;}
    h3{padding-top: 10px;}
    h4{padding-top: 14px;}
}
@media only screen and (min-width: 1024px){
    h1{font-size: 80px; line-height: 72px; letter-spacing: -0.75px; margin-bottom: 21px;}
    .default-content-left{ z-index: 2; position: relative;}
    .default-thumb-pos{right: -49px; position: absolute; }
    .default-thumb{min-width: 520px; max-width: 520px; margin-left: auto; z-index: 1; position: relative;}
    .default-thumb-curve{opacity: 0.3; bottom: -249px; right: -150px; width: 719px; height: 100%; position: absolute;}
}
@media only screen and (min-width: 1600px){
    .default-content-left{width: 860px; margin-right: 70px;}
    .default-thumb-pos{top: -58px; width: calc(100% - 930px);}
    .default-thumb-curve{bottom: -150px}
 }
@media only screen and (max-width: 1599px) and (min-width: 1024px){
    .default-content-left{width: 734px; margin-right: 70px;}
    .default-thumb-pos{top: -58px; width: calc(100% - 804px);}
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .default-content-left{width: 100%; margin-right: 0;}
    .default-thumb-pos{display: none;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    h2{font-size: 32px; line-height: 36px; margin-bottom: 8px;}
    h3{font-size: 24px; line-height: 28px; letter-spacing: -0.23px; margin-bottom: 15px;}
    h4{font-size: 20px; line-height: 24px; margin-bottom: 15px;}
    .default-content-main{padding: 43px 0 18px;}
    ul{margin: 21px 0 24px 16px;}
    ol{margin: 21px 0 24px 16px;}
}