@media screen and ( min-width:761px){ .rhs-cont { width: 67% !important; } .lhs-tree { width: 28% !important; } } 
.heading-menu, #scroll {display:none !important;}
/*.container {max-width:1400px;}*/
.body-wrapper {position:relative;}
.body-wrapper * {font-size:16px;color:#000;line-height:1.8;font-weight:300;}
.banner {position:relative;background:#ffcb34;}
/*.banner::before {content:"";position: absolute;width:100%;height:100%;background: #000 url(images/netspeed-tracker.png) center no-repeat;background-size:cover;z-index: 0;opacity:.3;}*/
.banner::before {content:"";position: absolute;width:100%;height:100%;
background-color: #FFCB34;
opacity: 1;
background-image:  linear-gradient(to bottom, #ffcb34, #ffd96d, #ffe69d, #fff2cc, #fffefb);
z-index: 0;}

.hero-banner {display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding:3.5rem 0;position:relative;}
.hero-banner > div:nth-child(1) {width:50%}
.hero-banner > div:nth-child(2) {width:calc(50% - 2rem);}
.hero-banner > div img {width: 100%;}

.banner-contents {position:relative;}
.banner-contents > h1, .banner-contents > h1 > strong {font-size:2.5rem;font-weight:500;line-height:1.3;color:#000;}
.banner-contents > h1 > strong {color:#000;}
.banner-contents > p {font-size:1.1rem;margin:0;margin-top:1.2rem;line-height:1.6;color:#000;font-weight:300;}
.banner-contents > a {margin-top:1rem;}

.sec-wrapper {position:relative;}
.sec-wrapper > .sec:nth-child(even) {background:#f9f9f9;}
.sec-wrapper img {width:100%;}
.sec-title {position:relative;margin-bottom:2rem;}
.sec-title > h2 {font-size:2.5rem;} .sec-title > h3 {font-size:1.8rem;}
.sec h2, .sec h3, .sec h4 {font-weight:600;line-height:1.5;}
.sec h2, .sec h3, .sec h4, .sec p {margin:0;padding:0;}
.sec p {line-height:2;padding-bottom:2rem;}
.sec p:last-child {padding-bottom:0;}
.sec {display:block;padding:60px 0;}
.sec-row {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;gap: 40px;flex-wrap:wrap;}
.sec-row > .cell {flex: 1;}
.sec-wrapper > .sec:nth-child(even) .sec-row {flex-direction:row-reverse;}
.sticky-img {position:sticky;top:100px;margin-top:1rem;} .sticky-img > img {-webkit-box-shadow: 0 0 24px 0 #ddd;border-radius:8px}

.sec-dwnload {background-color: #FFCB34 !important;}
.sec-dwnload h3 {color:#000;}
.btn-dwnload {display:inline-block;padding:.5rem 1.5rem;background: #e9152b;color: #fff;font-size: 1.3rem;border-radius: .5rem;transition:all .3s ease-in-out;}
.btn-dwnload:hover {background:#f00;text-decoration:none;}
.review-card {position:relative;padding:1.5rem;background:#f9f9f9;}
.review-card > p {margin:0;padding:0;}
.review-card > p.role {padding:1rem 0;font-style:italic;font-weight:300;}

.rel-article {display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;}
.rel-article > li > a {display:flex;border:1px solid #ccc;padding:.5rem 1.5rem;border-radius:.5rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#fff;}
.rel-article > li > a:hover {text-decoration:none;background:#f1f1f1;}


/*@media screen and (max-width:1400px) {
.container {max-width:95%;}
}*/
/*@media screen and (max-width:1200px) {
.banner-contents > h1, .banner-contents > h1 > strong {font-size:3.5rem}
}*/
/*@media screen and (max-width:1024px) {
.container {max-width:95%;}
}*/
@media screen and (max-width:820px) {
.hero-banner > div {width:100% !important;}
.banner-contents {text-align:center;}
.banner-contents > h1, .banner-contents > h1 > strong {font-size:3rem}
}
@media screen and (max-width:778px) {
.container {max-width:85%;}
.sec-row > .cell {flex:none;width:100%;}
}
@media screen and (max-width:650px) {
.banner-contents > h1, .banner-contents > h1 > strong {font-size:2rem}
.banner-contents > p {font-size:1.2rem;}
.rel-article > li {width:100%;}
}