/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'PoetsenOne-Regular';
  src: url('fonts/PoetsenOne-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/PoetsenOne-Regular.woff') format('woff'), url('fonts/PoetsenOne-Regular.ttf')  format('truetype'), url('fonts/PoetsenOne-Regular.svg#PoetsenOne-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*================================= GOTHAM BOOK ==================================*/
@font-face {
    font-family: 'Gotham-Book';
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
    url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*============================== GOTHAM BOOK ITALIC ==============================*/
@font-face {
    font-family: 'Gotham-BookItalic';
    src: url('fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-BookItalic.woff') format('woff'), url('fonts/Gotham-BookItalic.ttf')  format('truetype'), url('fonts/Gotham-BookItalic.svg#Gotham-BookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*================================ GOTHAM MEDIUM =================================*/
@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Medium.otf')  format('opentype'),
    url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf')  format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*================================= GOTHAM BOLD ==================================*/
@font-face {
    font-family: 'Gotham-Bold';
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*============================== GOTHAM BOLD ITALIC ==============================*/
@font-face {
    font-family: 'Gotham-BoldItalic';
    src: url('fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-BoldItalic.woff') format('woff'), url('fonts/Gotham-BoldItalic.ttf')  format('truetype'), url('fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*================================ GOTHAM BLACK ==================================*/
@font-face {
    font-family: 'Gotham-Black';
    src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Black.otf')  format('opentype'),
    url('fonts/Gotham-Black.woff') format('woff'), url('fonts/Gotham-Black.ttf')  format('truetype'), url('fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*=============================== ARTY SIGNATURE =================================*/
@font-face {
    font-family: 'ArtySignature';
    src: url('fonts/ArtySignature.eot?#iefix') format('embedded-opentype'),  url('fonts/ArtySignature.woff') format('woff'), url('fonts/ArtySignature.ttf')  format('truetype'), url('fonts/ArtySignature.svg#ArtySignature') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*=============================== HELVETICA MEDIUM ===============================*/
@font-face {
    font-family: 'HelveticaMedium';
    src: url('fonts/HelveticaMedium.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaMedium.woff') format('woff'), url('fonts/HelveticaMedium.ttf')  format('truetype'), url('fonts/HelveticaMedium.svg#HelveticaMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*========================== ROBOTO CONDENSED REGULAR ============================*/
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.ttf')  format('truetype'), url('fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*========================== ROBOTO CONDENSED REGULAR ============================*/
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf')  format('truetype'), url('fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*============================ ROBOTO CONDENSED BOLD =============================*/
@font-face {
    font-family: 'GothamRounded-Bold';
    src: url('fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamRounded-Bold.otf')  format('opentype'),
    url('fonts/GothamRounded-Bold.woff') format('woff'), url('fonts/GothamRounded-Bold.ttf')  format('truetype'), url('fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*================================== GOCHI HAND ==================================*/
@font-face {
    font-family: 'GochiHand-Regular';
    src: url('fonts/GochiHand-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/GochiHand-Regular.woff') format('woff'), url('fonts/GochiHand-Regular.ttf')  format('truetype'), url('fonts/GochiHand-Regular.svg#GochiHand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ====================================================================================================================
 * GENERAL TAG
 * ====================================================================================================================*/
body {
    margin: 0;
    background-color:#ffffff;
    display: inline-block;
    width: 100%;
    font-family: 'Gotham-Book';
    overflow-x: hidden;
}
img{
    max-width:100%;
    overflow:hidden;
    height:auto;
}
a{
    text-decoration:none;
    transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    -ms-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
}
a:hover {  text-decoration: none;  }
h1, h2, h3, h4, h5, h6, p {  margin: 0 !important;  }
*:before,*:after,* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
button, input[type='submit'] {
    transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}
li {  list-style-type:none;  }

.hover-btn-white:hover, .hover-btn-white:focus {
    background-color: #ffffff;
    color: #351d40;
    box-shadow: 0 0 70px 0 rgb(255, 255, 255);
}
.hover-btn-blue:hover, .hover-btn-blue:focus {
    background-color: #ff6305;
    color: #ffffff;
    box-shadow: 0 0 31px 0 rgba(255, 240, 91, .5);
}
.hover-btn-orange:hover, .hover-btn-orange:focus {
    background-color: #3c49e3;
    box-shadow: 0 0 49px 0 rgba(60, 73, 255, 0.3);
    color: #ffffff;
}


.carousel-inner .carousel-item-left.active {
    transform: translateX(-50%);
}
.carousel-inner .carousel-item-right.active {
    transform: translateX(50%);
}

/* ====================================================================================================================
 * HOME SECTION - 1
 * ====================================================================================================================*/
/*---------------- Home Top ---------------*/
.home-section {
    background-image: url(img/bg/section-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.home-row {
    padding-bottom: 75px;
    position: relative;
}
.home-row:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 315px;
    height: 255px;
    right: -222px;
    top: -100px;
}
.home-top {
    text-align: center;
}
.home-top-img {
    padding: 30px 0;
}
.home-top-img img {
    width: 330px;
}
.home-top-span {
    display: inline-block;
    background-color: #ff6b0c;
    font-family: 'Gotham-Bold';
    color: #fff;
    font-size: 18px;
    padding: 6px 20px;
    border-radius: 50px;
}
.home-top h1 {
    font-size: 50px;
    color: #351d40;
    font-family: 'RobotoCondensed-Bold';
    padding: 25px 0;
    padding-bottom: 15px;
}
.home-top h1 span {
    display: inline-block;
    border-bottom: 4px solid;
    line-height: 45px;
}
.home-top p {
    font-size: 17px;
    font-family: 'Gotham-Book';
    color: #f2f2f4;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 20px !important;
}
/*--------- Home Column Left,Right --------*/
.home-left {
    padding: 0;
}
.home-right {
    padding-right: 0;
}
.home-col-res {
    display: none;
}
.home-left-col {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
.home-left-col li {
    display: flex;
    width: 100%;
    padding-top: 30px;
}
.home-left-col li img {
    width: 35px;
    height: 35px;
}
.home-left-col li span {
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    padding-left: 7px;
    font-family: 'Gotham-Bold';
}
/*---------- Home Column Center -----------*/
.home-col-center {
    position: relative;
}
.home-col-center a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
}
.home-col-center a img {
    width: 86px;
}
/*---------- Home Video Overlay -----------*/
.parent {
    position: relative;
}
.overlay {
    width: 100%;
    position: relative;
}
.overlay iframe {
    width: 100%;
    height: 410px;
}
.inner-box-main {
    position: absolute;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 410px;
    cursor: pointer;
}
#inner-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
}
#inner-box p {
    font-size: 60px;
    color: #FFFFFF;
    font-family: 'Gotham-Bold';
}
.playpause {
    width: 65px;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.playpause:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
    position: absolute;
    left: 23px;
    top: 10px;
}
.playpause.pause {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.playpause.pause:before {
    display: block;
    content: "";
    left: 23px;
    width: 6px;
    height: 20px;
    border-left: 7px solid #fff;
    border-width: 0 7px;
}

.playpause.pause:after {
    display: block;
    content: "";
    position: relative;
    width: 6px;
    height: 20px;
    left: 34px;
    top: 10px;
    border-left: 7px solid #fff;
    border-width: 0 7px;
}
.playpause:hover {
    background-color: #ff6b0c;
}
.overlay:hover .playpause {
    opacity: 1;
}
/*-------- Home Video Overlay End ---------*/
.home-video .wistia_embed {
    width: 100% !important;
    height: 100% !important;
}
.home-col-lap-head {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    font-family: 'Gotham-Medium';
    text-align: center;
}
.home-col-btn {
    text-align: center;
    margin-top: 10px;
}
.home-col-btn a {
    display: inline-block;
    background-color: #3942df;
    color: #fffffd;
    font-size: 28px;
    font-family: 'Gotham-Medium';
    box-shadow: 0 0 70px 0 rgb(255, 240, 91);
    padding: 15px 36px;
    border-radius: 50px;
}
/* ====================================================================================================================
 * INTRODUCING SECTION - 2
 * ====================================================================================================================*/
/*------------ Introducing Top ------------*/
.introducing-section {
    background-image: url(img/bg/section-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
}
.introducing-top {
    text-align: center;
    padding-top: 20px;
}
.introducing-top h3 {
    font-size: 18px;
    line-height: 25px;
    color: #4a4a4a;
    font-family: 'Gotham-Medium';
    font-style: italic;
}
.introducing-top div img {
    width: 330px;
}
.introducing-top span {
    display: inline-block;
    font-size: 28px;
    color: #ffffff;
    background-color: #ff7607;
    font-family: 'Gotham-Medium';
    padding: 8px 20px;
    margin-top: 15px;
    border-radius: 50px;
}
.introducing-top p {
    font-size: 18px;
    color: #4a4a4a;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
}
/*------------ Introducing Row ------------*/
.introducing-row {
    padding-top: 25px;
    padding-bottom: 200px;
}
.int-row-col-1-res {
    display: none;
}
.int-row-col-1 img {
    max-width: 95%;
}
.int-col-left:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-2-after-3.png);
    background-repeat: no-repeat;
    background-size: 75%;
    width: 75px;
    height: 240px;
    left: -41px;
    top: 7px;
}
.int-col-right:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-2-after-4.png);
    background-repeat: no-repeat;
    background-size: 70%;
    width: 75px;
    height: 250px;
    right: -59px;
    top: 6px;
}
.int-col-btn {
    text-align: center;
    padding-top: 50px;
}
.int-col-btn a {
    display: inline-block;
    background-color: #3c49e3;
    color: #ffffff;
    font-size: 19px;
    font-family: 'Gotham-Medium';
    padding: 18px 36px;
    border-radius: 50px;
    box-shadow: 0 0 49px 0 rgba(60, 73, 277, 0.39);
}
/* ====================================================================================================================
 * DEMO SECTION - 3
 * ====================================================================================================================*/
/*------------ Demo Top ------------*/
.benefits-section {
    background-image: url(img/bg/section-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.benefits-top h3 {
    font-size: 45px;
    color: #4451e7;
    font-family: 'Gotham-Bold';
    text-align: center;
}
.benefits-top h3 span {
    color: #ff8f0d;
}
.benefits-row {

}
.benefits-row .col-md-4 {
    text-align: center;
    padding-top: 70px;
}
.benefits-row img {
    width: 230px;
}
.benefits-row .col-md-4 div {
    display: inline-block;
    width: 230px;
    padding-top: 25px;
}
.benefits-row h4 {
    font-size: 16px;
    line-height: 20px;
    color: #535353;
    padding-bottom: 12px;
    font-family: 'Gotham-Medium';
}
.benefits-row p {
    font-size: 14px;
    color: #545454;
}
/* ====================================================================================================================
 * BENEFITS SECTION - 4
 * ====================================================================================================================*/
/*------------ Benefits Top ------------*/
.demo-section {
    background-image: url(img/bg/section-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
}
.demo-top {
    text-align: center;
    padding-top: 160px;
}
.demo-top h3 {
    font-size: 50px;
    padding-bottom: 15px;
    color: #4451e7;
    font-family: 'Gotham-Bold';
}
.demo-top h3 span {
    color: #ff8f0d;
}
.demo-top p {
    font-size: 32px;
    color: #2d2d2d;
    font-family: 'Gotham-Book';
}
.demo-top p span {
    font-family: 'Gotham-Bold';
}
.demo-top-span {
    border-bottom: 2px solid;
}
.demo-row {
    padding-top: 40px;
    text-align: right;
    margin-right: -170px;
    margin-left: 60px;
}
.demo-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    margin-left: -135px;
}
.demo-lap-res {
    display: none;
}
.demo-play img {
    width: 80px;
}
.demo-video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -550px;
    margin-top: -385px;
    width: 850px;
    height: 330px;
}
.demo-video iframe {
    width: 850px;
    height: 480px;
}
.demo-content {
    text-align: center;
    margin-top: 30px;
}
.demo-content img {
    float: left;
}
.demo-content span {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    width: 95%;
    color: #4a4a4a;
}
/* ====================================================================================================================
 * DIGITAL INFO PRODUCT SECTION - 5
 * ====================================================================================================================*/
/*-------------- Digital Top --------------*/
.digital-section {
    background-image: url(img/bg/section-5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    margin-top: -20px;
}
.digital-top {
    text-align: center;
    padding-top: 180px;
}
.dig-t-span {
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    background-color: #ff6305;
    border-radius: 15px;
    padding: 10px 30px;
}
.digital-top h3 {
    font-size: 38px;
    color: #2d2d2d;
    padding-top: 40px;
}
.digital-top h3 span {
    font-family: 'Gotham-Bold';
}
.dig-t-head {
    border-bottom: 2px solid;
}
/*-------------- Digital Row --------------*/
.digital-row {
    padding-top: 70px;
}
.dig-r-col-left {
    padding-left: 0;
}
.dig-r-col-left img {
    max-width: 90%;
}
.dig-r-col-right {
    padding-right: 0;
}
.dig-r-head {
    font-size: 70px;
    color: #444444;
}
.dig-r-head span {
    font-family: 'Gotham-Bold';
}
/*------------- Digital List --------------*/
.digital-list {
    position: relative;
    padding-left: 0;
    padding-top: 70px;
    margin: 0;
}
.digital-list:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-5-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25%;
    height: 100%;
    top: 50%;
    right: 0;
    margin-top: -80px;
}
.digital-list li {
    padding-bottom: 25px;
}
.digital-list li img {

}
.digital-list li p {
    display: inline-block;
    font-size: 16px;
    color: #373737;
    vertical-align: middle;
    padding-left: 40px;
}
.digital-list li p span {
    font-family: 'Gotham-Bold';
}
/* ====================================================================================================================
 * INSTALLITION SECTION - 6
 * ====================================================================================================================*/
.install-section {
    background-image: url(img/bg/section-6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    margin-top: -14%;
}
/*-------------- Install Row --------------*/
.install-row {
    padding-top: 300px;
}
.install-col-right h2 {
    font-size: 42px;
    color: #3f3f3f;
}
.install-col-right h2 span {
    font-family: 'Gotham-Bold';
}
.install-col-right a {
    display: inline-block;
    color: #ffffff;
    font-size: 30px;
    background-color: #3a44e0;
    font-family: 'Gotham-Medium';
    border-radius: 50px;
    padding: 16px 50px;
    margin-top: 20px;
}
/* ====================================================================================================================
 * EBOOK CREATOR SECTION - 7
 * ====================================================================================================================*/
.creator-section {
    background-image: url(img/bg/section-7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}
/*-------------- Creator Row --------------*/
.creator-row {
    padding-top: 22%;
}
.creator-col-left h1 {
    font-size: 36px;
    color: #fffffd;
    letter-spacing: 1px;
    padding-left: 30px;
}
.creator-col-left h2 {
    color: #ffffff;
    background-color: #3f46ee;
    font-size: 52px;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    border-radius: 50px;
    padding: 5px 30px;
}
.creator-col-right {
    margin-left: -115px;
    flex: 60%;
    max-width: 60%;
}
.creator-col-right h2 {
    font-size: 43px;
    padding: 0 15px;
    color: #4d55f0;
    font-family: 'Gotham-Medium';
}
.creator-col-right h2 span {
    border-bottom: 1px solid;
}
.cre-c-r-span {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    background-color: #ff6305;
    border-radius: 50px;
    padding: 8px 25px;
    margin-top: 20px;
    font-weight: 600;
}
.creator-col-right p {
    font-size: 18px;
    color: #373737;
    padding: 0 25px;
    padding-top: 20px;
}
.creator-col-right p span {
    font-weight: 600;
    border-bottom: 1px solid;
}
.creator-cont-row {
    padding-left: 40px;
    padding-top: 30px;
}
.cre-c-r-middle {
    padding-bottom: 50px;
}
.creator-cont-row img {
    width: 100px;
}
.creator-cont-row span {
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    color: #373737;
    font-family: 'Gotham-Medium';
}
/*---------- Creator Row Bottom -----------*/
.creator-bottom-row {
    padding-top: 10%;
    padding-bottom: 30%;
}
.cre-b-r-step {
    background-image: url(img/after,before/section-7-after-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 58px 28px;
    font-size: 35px;
    color: #fff;
    font-family: 'RobotoCondensed-Bold';
    display: table;
}
.creator-bottom-row .col-md-5 div {
    padding-top: 35px;
    padding-left: 80px;
    position: relative;
}
.creator-bottom-row .col-md-5:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-7-after-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 100%;
    right: 30px;
    top: 5px;
}
.creator-bottom-row h4 {
    font-size: 33px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
}
.creator-bottom-row p {
    font-size: 14px;
    color: #fff;
    padding-bottom: 25px;
}
.creator-bottom-row p span {
    font-weight: 700;
}
/* ====================================================================================================================
 * INSTANT CONTENT SECTION - 8
 * ====================================================================================================================*/
.instant-section {
    background-image: url(img/bg/section-8.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    margin-top: -400px;
}
/*-------------- Instant Row --------------*/
.instant-row {
    padding-top: 375px;
    position: relative;
}
.instant-row:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-8-after-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: 190px;
    top: -50px;
    width: 235px;
    height: 365px;
    z-index: 1;
}
.ins-r-img {

}
.instant-list {
    text-align: center;
    padding-left: 0;
    padding-top: 30px;
    margin: 0;
}
.instant-list li {
    padding-bottom: 35px;
}
.instant-list li img {
    max-width: 25%;
}
.instant-list li p {
    font-size: 14px;
    color: #373737;
    padding-top: 25px;
}
/*---------- Instant Right Column ---------*/
.instant-col-right {
    padding-top: 110px;
}
.instant-col-contnet {
    background-image: url(img/column-img/section-8-col-img-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 140px;
    position: relative;
    z-index: 1;
    padding-left: 100px;
}
.instant-col-contnet h1 {
    padding-left: 20px;
}
.instant-col-contnet h1 span {
    background-image: url(img/after,before/section-8-after-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 70px 32px;
    font-size: 40px;
    color: #fff;
    font-family: 'RobotoCondensed-Bold';
    display: table;
}
.instant-col-contnet img {
    max-width: 50%;
    margin-top: 50px;
}
.instant-col-contnet h2 {
    font-size: 30px;
    color: #fff;
    padding-top: 30px;
    font-family: 'Gotham-Medium';
}
.instant-col-contnet p {
    font-size: 14px;
    color: #fff;
    padding-top: 15px;
}
.instant-col-contnet p span {
    font-family: 'Gotham-Bold';
}
/* ====================================================================================================================
 * CUSTOMIZE & PUBLISH SECTION - 9
 * ====================================================================================================================*/
.publish-section {
    background-image: url(img/bg/section-9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -200px;
    position: relative;
    z-index: 1;
}
/*-------------- Publish Row --------------*/
.publish-row {
    padding-top: 300px;
    padding-bottom: 120px;
    display: flex;
}
.publish-col-left {
    padding-left: 200px;
    padding-top: 450px;
    width: 63%;
}
.p-top-content {
    position: relative;
}
.p-top-content:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-9-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 75px;
    height: 255px;
    left: -100px;
    top: 140px;
}
.p-top-content h1 {
    position: relative;
    left: -65px;
}
.p-top-content h1 span {
    background-image: url(img/after,before/section-7-after-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 70px 32px;
    font-size: 40px;
    color: #fff;
    font-family: 'RobotoCondensed-Bold';
    display: table;
}
.p-top-content img {
    max-width: 50%;
    margin-top: 50px;
}
.p-top-content h2 {
    font-size: 32px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    padding-top: 30px;
}
.p-top-content p {
    font-size: 16px;
    color: #ffffff;
    padding-top: 20px;
}
.p-top-c-span {
    display: inline-block;
    font-size: 18px;
    padding-top: 20px;
    color: #000000;
    font-family: 'Gotham-Bold';
}
.p-bottom-content img {
    width: 58px;
    float: left;
}
.p-bottom-content p {
    font-size: 13.5px;
    color: #ffffff;
    display: inline-block;
    width: 87%;
    padding-left: 25px;
}
.publish-col-right {
    display: inline-block;
    width: 50%;
    padding-top: 30px;
}
.publish-col-right img {
    position: absolute;
    right: 0;
    max-width: 70%;
}
/* ====================================================================================================================
 * DROPPING EBOOK SECTION - 10
 * ====================================================================================================================*/
.dropping-section {
    background-image: url(img/bg/section-10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -210px;
}
/*------------- Dropping Row --------------*/
.dropping-row {
    padding-top: 250px;
}
.dropping-row h2 {
    width: 100%;
    font-size: 60px;
    color: #2d2d2d;
    text-align: center;
    font-family: 'RobotoCondensed-Bold';
    font-style: italic;
}
.dropping-row h2 span {
    color: #ff7808;
}
.dropping-col {
    padding: 0;
    margin-top: -20px;
}
.dropping-col img {
    width: 100%;
}
/* ====================================================================================================================
 * PUBLISH DIRECTLY SECTION - 11
 * ====================================================================================================================*/
.directly-section {
    background-image: url(img/bg/section-11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -90px;
    position: relative;
}
/*------------- Directly Row --------------*/
.directly-row {
    padding-top: 150px;
    padding-bottom: 150px;
}
.dir-top-content {
    text-align: center;
}
.dir-top-content span {
    display: inline-block;
    font-size: 22px;
    color: #ffffff;
    background-color: #ff6305;
    border-radius: 50px;
    padding: 8px 50px;
    font-family: 'Gotham-Bold';
}
.dir-top-content h2 {
    font-size: 50px;
    font-family: 'Gotham-Medium';
    color: #ffffff;
    padding-top: 25px;
}
/*------------- Directly List -------------*/
.directly-list {
    list-style: none;
    padding: 0 0 20px;
    margin-top: 100px;
    position: relative;
}
.directly-list:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #fff;
    left: 50%;
}
.directly-list:after {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-11-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 170px;
    height: 110px;
    left: 50%;
    bottom: -95px;
    margin-left: -85px;
}
.directly-list li {
    margin-bottom: 20px;
    position: relative;
}
.directly-list-2 {
    margin-top: 90px;
}
.directly-list li:before, .directly-list li:after {
    content: " ";
    display: table;
}
.directly-list li:after {
    clear: both;
}
.directly-panel {
    width: 50%;
    float: left;
    position: relative;
    margin-top: -40px;
}
.circle {
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -6px;
    background-color: #fff;
    border-radius: 50%;
}
.directly-list li.directly-list-2 > .directly-panel {
    float: right;
}
.directly-panel-content {
    width: 50%;
    float: right;
    padding-left: 100px;
    padding-right: 50px;
    padding-top: 25px;
}
.directly-list-2 .directly-panel-content {
    padding-top: 70px;
}
.directly-panel-content h3 {
    font-size: 30px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
}
.directly-panel-content h3 span {
    color: #000000;
}
.directly-panel-content p {
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 15px;
}
.directly-panel-content p span {
    border-bottom: 1px solid;
    font-family: 'Gotham-Medium';
}
.directly-span {
    font-family: 'Gotham-Bold';
}
.directly-pra {
    color: #000000 !important;
    font-family: 'Gotham-Medium' !important;
}
.directly-pra span {
    border-bottom: 1px solid;
    font-family: 'Gotham-Bold' !important;
}
/* ====================================================================================================================
 * HIGHER PRICE SECTION - 12
 * ====================================================================================================================*/
.price-section {
    background-image: url(img/bg/section-12.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: -70px;
    padding-bottom: 30px;
}
/*--------------- Price Top ---------------*/
.price-top {
    padding-top: 70px;
}
.price-left {
    padding-left: 100px;
    padding-right: 0;
}
.price-left h1 {
    font-size: 50px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
}
.price-left h1 span {
    color: #ff7706;
    border-bottom: 2px solid;
}
.price-left p {
    font-size: 15px;
    color: #fff;
    padding-top: 20px;
    font-family: 'Gotham-Medium';
}
.price-left p span {
    font-weight: 700;
    border-bottom: 1px solid;
}
.p-left-pra {
    color: #000000 !important;
    font-family: 'Gotham-Bold' !important;
}
.p-left-img {
    padding-top: 50px;
}
.p-left-img img {
    max-width: 70%;
}
.p-left-img-res {
    display: none;
}
.price-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
}
/*------------- Price Slider --------------*/
.price-slider {
    text-align: center;
    padding-top: 20px;
}
.price-slider .carousel {
    padding-top: 25px;
}
.price-slider .carousel-item p {
    font-size: 20px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    padding-top: 30px;
    padding-bottom: 70px;
}
.price-slider .carousel-item p span {
    text-transform: uppercase;
    border-bottom: 1px solid;
}
.price-slider .carousel-indicators {
    position: inherit;
    margin-top: 25px;
    padding-bottom: 30px;
}
.price-slider .carousel-indicators li {
    width: 8px;
    height: 8px;
}
/* ====================================================================================================================
 * ENGAGED SECTION - 13
 * ====================================================================================================================*/
.engaged-section {
    background-image: url(img/bg/section-13.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -75px;
    padding-top: 150px;
    position: relative;
    z-index: 1;
}
.engaged-panel-row {
    position: relative;
}
.engaged-panel-row:after {
    content: '';
    position: absolute;
    background-image: url(img/after,before/enganged-before.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 145px;
    bottom: -100px;
    right: 50%;
    margin-right: -200px;
}
.engaged-panel-row:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/enganged-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 115px;
    height: 110px;
    bottom: -80px;
    right: 50%;
    margin-right: 40px;
}
.engaged-panel-content h3 {
    font-size: 32px;
    color: #000000;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.engaged-panel-content h3 span {
    color: #ffffff;
}
.engaged-panel-content p {
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 15px;
}
.engaged-panel-content p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.engaged-panel-content h4 {
    font-size: 28px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    padding-top: 20px;
    position: relative;
}
.engaged-panel-content h4:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/enganged-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35%;
    height: 45px;
    bottom: 25px;
    right: -90px;
}
/*--------------- Engaged Row -------------*/
.engaged-row {
    padding-top: 0px;
}
.engaged-row .col-md-12 {
    padding: 0;
}
.engaged-row h2 {
    font-size: 40px;
    color: #ffffff;
    text-align: center;
}
.engaged-row h2 span {
    color: #000000;
    font-family: 'Gotham-Medium';
}
/* ====================================================================================================================
 * EXPENSIVE SECTION - 14
 * ====================================================================================================================*/
.expensive-section {
    background-image: url(img/bg/section-14.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -80px;
    padding-top: 100px;
    padding-bottom: 300px;
}
.expensive-col-left {
    padding-left: 0;
}
.expensive-col-left h2 {
    font-size: 36px;
    color: #2c2c2c;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.expensive-col-left p {
    font-size: 14px;
    color: #727372;
    padding-bottom: 15px;
}
.expensive-col-left p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
/* ====================================================================================================================
 * AUTOMATIC CONTENT SECTION - 15
 * ====================================================================================================================*/
.automatic-row {
    padding-top: 30px;
}
.automatic-col-left {
    padding: 0;
    margin-top: -32px;
}
.automatic-content {
    padding: 30px;
    margin-left: 50px;
    box-shadow: -31px 0 38px rgba(188,188,188,.10);
}
.automatic-content h1 {
    font-size: 28px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
}
.automatic-content h2 {
    font-size: 26px;
    color: #4a4a4a;
    padding-top: 30px;
    font-family: 'GochiHand-Regular';
}
.automatic-content p {
    font-size: 14px;
    color: #6c6d6c;
    padding-top: 20px;
}
.automatic-content p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.automatic-span {
    border-bottom: none !important;
}
/* ====================================================================================================================
 * AUTOMATIC TABLE SECTION - 16
 * ====================================================================================================================*/
.table-section {
    background-image: url(img/bg/section-16.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
}
.table-row {
    padding-top: 100px;
}
.table-col-left {
    padding-right: 0;
}
.table-content {
    padding: 10%;
    padding-bottom: 28%;
    box-shadow: -31px 0 38px rgba(188,188,188,.10);
    border: 1px solid #f2f2f2;
    background-color: #fff;
}
.table-content h1 {
    font-size: 28px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
}
.table-content p {
    font-size: 14px;
    line-height: 28px;
    color: #6c6d6c;
    padding-top: 40px;
}
.table-content p span {
    font-family: 'Gotham-Bold';
}
.table-span {
    font-family: 'Gotham-Book' !important;
    border-bottom: 1px solid;
}
.table-col-right {
    padding: 0;
}
/* ====================================================================================================================
 * AUTOMATIC TABLE SECTION - 17
 * ====================================================================================================================*/
.header-section {
    padding-top: 100px;
    position: relative;
}
.header-section:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-17-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12%;
    height: 100%;
    top: -50px;
    left: 15px
}
.header-section:after {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-17-after-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12%;
    height: 15%;
    bottom: 0;
    left: 0;
}
.header-content {
    padding: 50px 40px;
    padding-bottom: 100px;
    box-shadow: -31px 0 38px rgba(188,188,188,.10);
}
.header-content h1 {
    font-size: 28px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
}
.header-content p {
    font-size: 14px;
    line-height: 28px;
    color: #6c6d6c;
    padding-top: 40px;
}
.header-content p span {
    font-family: 'Gotham-Bold';
}
.header-span {
    border-bottom: 1px solid;
}
/* ====================================================================================================================
 * DRAG DROP SECTION - 18
 * ====================================================================================================================*/
.drag-section {
    background-image: url(img/bg/section-18.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 150px 0;
    position: relative;
    z-index: 1;
}
.drag-col-left {
    padding: 0;
    padding-top: 80px;
}
.drag-content {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 35px;
    padding-bottom: 70px;
}
.drag-content h1 {
    font-size: 30px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
}
.drag-content p {
    font-size: 14px;
    line-height: 28px;
    color: #757578;
    padding-top: 30px;
}
.drag-content p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.drag-col-right {
    padding: 0;
    margin-left: -5%;
}
/* ====================================================================================================================
 * CUSTOMIZABLE SECTION - 19
 * ====================================================================================================================*/
.customizable-section {
    background-color: #fbfcfc;
    margin-top: -80px;
    padding-top: 200px;
}
.customizable-row {
    height: 420px;
    margin-top: -28px;
}
.customizable-col-right {
    padding: 0;
}
.customizable-col-right img {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}
.customizable-col-left {
    height: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 0;
}
.customizable-content {
    padding: 0 28px;
}
.customizable-content h1 {
    font-size: 28px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-bottom: 10px;
}
.customizable-content p {
    font-size: 14px;
    line-height: 28px;
    color: #6c6d6c;
    padding-top: 20px;
}
.customizable-content p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.c-c-r-3 {
    margin-top: -63px;
}
.row-1 .customizable-col-left {
    max-width: 36.5%;
}
.row-2 .customizable-col-left {
    max-width: 34.3%;
    margin-left: 15.7%;
}
.row-2 .customizable-col-right {
    position: relative;
    z-index: 2;
}
.row-3 {
    margin-top: -53px;
}
.row-3 .customizable-col-left {
    max-width: 36.5%;
    padding-top: 40px;
    position: relative;
    z-index: 1;
}
/* ====================================================================================================================
 * EVER NEED SECTION - 20
 * ====================================================================================================================*/
.need-section {
    background-image: url(img/bg/section-20.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -160px;
    padding-top: 200px;
    padding-bottom: 250px;
    position: relative;
}
.need-section:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-20-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 100%;
    top: 16%;
    right: 14%;
}
.need-section h1 {
    font-size: 50px;
    color: #ffffff;
    padding-top: 200px;
    font-family: 'Gotham-Medium';
}
.need-section h1 span {
    color: #000000;
    font-family: 'Gotham-Bold';
}
.need-row {
    text-align: center;
    padding-top: 120px;
}
.need-1 {
    margin-left: 13%;
}
.need-2 {
    margin-left: 5%;
}
.need-col img {
    width: 130px;
}
.need-col p {
    font-size: 17px;
    color: #f6f6f8;
    font-family: 'Gotham-Medium';
    padding-top: 30px;
}
.need-col p span {
    height: 10px;
    width: 10px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #ffd7ab;
    display: inline-block;
}
/* ====================================================================================================================
 * ACCESS SECTION - 21
 * ====================================================================================================================*/
.access-section {
    background-image: url(img/bg/section-21.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: 20px;
    padding-top: 15px;
    position: relative;
    z-index: 1;
}
.access-right img {
    max-width: 85%;
    position: absolute;
    top: -15px;
}
.access-center {
    margin-left: -3%;
    padding: 0;
}
.access-content {
    margin-left: 3%;
}
.access-content h2 {
    font-size: 37px;
    color: #ffffff;
    padding-bottom: 50px;
}
.access-content h2 span {
    font-family: 'Gotham-Bold';
}
.access-content a {
    display: inline-block;
    font-size: 30px;
    color: #ffffff;
    background-color: #3a44e0;
    border-radius: 50px;
    padding: 14px 40px;
    font-family: 'Gotham-Medium';
    box-shadow: 0 0 70px 0 rgb(0, 66, 121);
}

/* ====================================================================================================================
 * GERGEOUS SECTION - 22
 * ====================================================================================================================*/
.gorgeous-section {
    background-image: url(img/bg/section-22.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -20px;
    padding-top: 50px;
}
.go-top-left div {
    margin-top: -70px;
}
.go-top-left span {
    display: inline-block;
    margin-top: 20px;
    font-size: 42px;
    line-height: 1.1;
    padding: 10px 20px;
    color: #ffffff;
    background-color: #ff7607;
    font-family: 'Gotham-Medium';
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.go-top-left span span {
    margin-top: 0;
    padding: 0;
    font-family: 'Gotham-Bold';
}
.go-top-right {
    padding: 0;
}
.go-top-right img {
    width: 100%;
}
.gorgeous-row-center {
    margin-top: -60px;
}
.gorgeous-row-center .col-md-12 {
    padding: 0;
}
.gorgeous-row-bottom {
    margin-top: -320px;
}
.gorgeous-row-bottom .col-md-12 {
    padding: 0;
}
/* ====================================================================================================================
 * TEMPLATE SECTION - 23
 * ====================================================================================================================*/
.template-section {
    background-image: url(img/bg/section-23.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    margin-top: -300px;
    padding-top: 18%;
}
.template-col-left h1 {
    color: #ff7607;
    font-size: 60px;
    font-family: 'Gotham-Bold';
}
.template-col-left h2 {
    color: #2d2d2d;
    font-size: 44px;
    font-family: 'Gotham-Medium';
    padding-bottom: 35px;
}
.template-col-left p {
    color: #2d2d2d;
    font-size: 19px;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.template-col-left p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.template-col-left a {
    display: inline-block;
    color: #eeeff9;
    background-color: #3a44e0;
    font-size: 18px;
    padding: 20px 35px;
    border-radius: 50px;
    font-family: 'Gotham-Medium';
    box-shadow: 0 0 49px 0 rgba(60, 73, 255, 0.39);
}

/* ====================================================================================================================
 * SINGLE SECTION - 24
 * ====================================================================================================================*/
.single-section {
    background-image: url(img/bg/section-24.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    padding: 60px 50px;
    padding-top: 110px;
}
.single-col-left h1 {
    font-size: 32px;
    color: #fcfcfb;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.single-col-left h1 span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.single-col-left p {
    font-size: 15px;
    color: #fff;
    padding-bottom: 20px;
}
.single-col-left p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.single-col-right {
    position: relative;
}
.single-col-right:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-24-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    left: 0;
    bottom: 50px;
}
/* ====================================================================================================================
 * WORK SECTION - 25
 * ====================================================================================================================*/
.work-row {
    padding: 0 50px;
    padding-bottom: 50px;
}
.work-col-left h1 {
    font-size: 42px;
    color: #00d8a2;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.work-col-left h1 span {
    color: #3d45ed;
}
.work-col-left p {
    font-size: 14px;
    color: #49437e;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
}
.work-col-left p span {
    /*font-family: 'Gotham-Bold';*/
    border-bottom: 1px solid;
    font-weight: bold;
}
/* ====================================================================================================================
 * ORDER SECTION - 26
 * ====================================================================================================================*/
.order-section {
    background-image: url(img/bg/section-25.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    padding: 40px 70px;
    padding-bottom: 80px;
}
.order-col-right {
    position: relative;
}
.order-col-right:before, .order-col-right:after {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-25-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.order-col-right:before {
    right: -12px;
    top: -40px;
}
.order-col-right:after {
    right: 242px;
    bottom: -50px;
}
.order-col-right h1 {
    font-size: 40px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    padding-bottom: 10px;
}
.order-col-right h1 span {
    font-family: 'Gotham-Bold';
}
.order-col-right p {
    font-size: 14px;
    color: #f1f5fa;
}
/* ====================================================================================================================
 * COMPETITION SECTION - 27
 * ====================================================================================================================*/
.competition-row {
    padding-top: 55px;
}
.competition-col-right {
    padding-right: 0;
}
.competition-col-right h1 {
    font-size: 38px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.competition-col-right h1 span {
    color: #ff6205;
    font-family: 'Gotham-Bold';
    border-bottom: 2px solid;
}
.competition-col-right p {
    color: #2d2d2d;
    font-size: 14px;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
}
.competition-col-right h2 {
    color: #3e46ee;
    padding-top: 10px;
    font-family: 'Gotham-Medium';
}
.competition-list {
    padding: 0;
    padding-top: 15px;
    padding-bottom: 30px;
    margin: 0;
}
.competition-list li {
    display: flex;
}
.competition-list li span {
    background-color: #ff7607;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 7px;
    margin-right: 20px;
}
.c-l-span {
    background-color: #3f46ee !important;
}
.competition-list li div h3 {
    font-size: 18px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-bottom: 5px;
}
.competition-list li div p {
    font-size: 14px;
    color: #6b6b6b;
}
.competition-col-left {
    padding: 0;
}
/* ====================================================================================================================
 * NEWS SECTION - 28
 * ====================================================================================================================*/
.news-section {
    background-image: url(img/bg/section-29.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    padding-top: 10%;
    padding-bottom: 50%;
    margin-top: -5%;
}
.news-col-right {
    padding-top: 60px;
}
.news-col-span {
    display: inline-block;
    background-image: url(img/after,before/section-29-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffffff;
    font-size: 51px;
    line-height: 60px;
    font-family: 'Gotham-Medium';
    padding: 0 85px 5px 20px;
}
.news-col-right h2 {
    font-size: 40px;
    color: #2d2d2d;
    font-family: 'Gotham-Bold';
    padding-left: 20px;
    padding-top: 20px;
}
.news-col-right p {
    font-size: 16px;
    color: #818181;
    padding-left: 20px;
    padding-top: 20px;
    font-family: 'Gotham-Medium';
}
.news-col-right p span {
    border-bottom: 1px solid;
}
/* ====================================================================================================================
 * COMMERCIAL SECTION - 29
 * ====================================================================================================================*/
.commercial-col-left {
    padding: 0;
}
.commercial-span {
    display: inline-block;
    font-size: 33px;
    padding: 20px 30px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    background-color: #ff7607;
}
.commercial-col-right h2 {
    font-size: 50px;
    color: #000000;
    padding-left: 30px;
    padding-top: 40px;
    font-family: 'Gotham-Medium';
}
.commercial-col-right h2 span {
    color: #ff7708;
}
.c-span-h1 {
    color: #000000 !important;
    border-bottom: 2px solid !important;
}
.commercial-col-right h3 {
    font-size: 22px;
    color: #4f4f4f;
    padding-left: 30px;
    padding-top: 30px;
    font-family: 'Gotham-Bold';
}
.commercial-col-right p {
    font-size: 20px;
    color: #4f4f4f;
    padding-left: 30px;
    padding-top: 30px;
    font-family: 'Gotham-Medium';
}
/* ====================================================================================================================
 * LICENCE SECTION - 30
 * ====================================================================================================================*/
.licence-section {
    padding-top: 100px;
}
.licence-section h1 {
    font-size: 60px;
    color: #000000;
    font-family: 'Gotham-Medium';
    text-align: center;
}
.licence-section h1 span {
    color: #ff7607;
    font-family: 'Gotham-Bold';
}
.licence-row {
    padding-top: 100px;
}
.licence-col-left {
    padding-left: 0;
}
.licence-col-right {
    padding-top: 120px;
}
.licence-col-right h2 {
    font-size: 40px;
    color: #000000;
    font-family: 'Gotham-Bold';
    padding-bottom: 30px;
}
.licence-col-right h2 span {
    color: #ff7607;
}
.licence-col-right p {
    font-size: 17px;
    padding-bottom: 20px;
    color: #404040;
    font-family: 'Gotham-Medium';
}
.licence-col-right p span {
    border-bottom: 1px solid;
    font-family: 'Gotham-Bold';
}
.licence-row-bottom {
    margin-top: -20%;
}
.licence-b-col-right {
    padding-right: 0;
    margin-left: 5%;
    flex: 45%;
    max-width: 45%;
}
.licence-b-col-span {
    display: inline-block;
    font-size: 25px;
    padding: 20px 30px;
    margin-bottom: 35px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    background-color: #ff7607;
}
.licence-b-col-right h2 {
    font-size: 35px;
    color: #000000;
    font-family: 'Gotham-Bold';
    padding-bottom: 30px;
    padding-left: 30px;
}
.licence-b-col-right h2 span {
    color: #ff7607;
}
.licence-b-col-right p {
    font-size: 16px;
    padding-bottom: 20px;
    line-height: 2;
    color: #404040;
    font-family: 'Gotham-Medium';
    padding-left: 30px;
}
.licence-b-col-left {
    padding-right: 0;
}
/* ====================================================================================================================
 * BONUS SECTION - 31
 * ====================================================================================================================*/
.bonus-section {
    background-image: url(img/bg/section-33.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: 5%;
    padding-top: 5%;
    padding-bottom: 12%;
    position: relative;
}
.bonus-section:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-33-after-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40%;
    height: 100%;
    right: 0;
    top: 15%;
}
.bonus-top-col-span {
    display: inline-block;
    font-size: 28px;
    padding: 20px 30px;
    margin-bottom: 30px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    background-color: #ff7607;
}
.bonus-top-col-right h2 {
    font-size: 31px;
    color: #000000;
    padding-left: 30px;
    padding-bottom: 35px;
    font-family: 'Gotham-Medium';
}
.bonus-top-col-right h2 span {
    color: #fe900b;
}
.bonus-top-col-right p {
    font-size: 15px;
    color: #eff3fd;
    font-family: 'Gotham-Medium';
    padding-left: 30px;
}
.bonus-list {
    display: inline-block;
    padding: 0 30px;
    padding-top: 60px;
    margin: 0;
    width: 100%;
}
.bonus-list h3 {
    font-size: 31px;
    color: #fffeff;
    font-family: 'Gotham-Medium';
    padding-bottom: 30px;
}
.bonus-list li {
    display: inline-block;
    width: 33.33%;
    float: left;
    position: relative;
}
.bonus-list li:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-32-after.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70%;
    height: 100%;
    left: 33%;
    top: 25%;
}
.bonus-list li:nth-child(3n+1):before {
    content: none;
}
.bonus-list li span {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    background-color: #000000;
    font-family: 'Gotham-Medium';
    padding: 12px 25px;
    margin-left: 8px;
    margin-bottom: 15px;
    border-radius: 50px;
}
.bonus-list li div {
    display: flex;
}
.bonus-list li div img {
    width: 120px;
}
.bonus-list li div p {
    font-size: 13px;
    color: #fffeff;
    font-family: 'Gotham-Medium';
    padding-left: 20px;
}
.bonus-bottom-row {
    padding-top: 100px;
}
.bonus-bottom-col-right {
    padding: 0;
}
.bonus-bottom-col-right h3 {
    font-size: 20px;
    color: #fefffe;
    background-color: #000000;
    padding: 50px 70px;
    margin-top: 5px !important;
    margin-bottom: 40px !important;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    font-family: 'Gotham-Medium';
}
.bonus-bottom-col-right p {
    font-size: 19px;
    color: #ffffff;
    padding-left: 70px;
    padding-bottom: 25px;
    font-family: 'Gotham-Medium';
}
.bonus-bottom-col-right p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.bonus-bottom-col-left {
    padding: 0;
}
/* ====================================================================================================================
 * EXCITIING SECTION - 32
 * ====================================================================================================================*/
.exciting-row {
    text-align: center;
    margin-top: -2%;
}
.exciting-col-right h2 {
    font-size: 20px;
    color: #585858;
    font-family: 'Gotham-Medium';
    padding: 30px 0;
}
.exciting-col-right p  {
    display: inline-block;
    background-image: url(img/after,before/section-33-after.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 32px;
    color: #feffff;
    font-family: 'Gotham-Medium';
    padding: 30px 100px;
}
.exciting-col-right p span {
    font-family: 'Gotham-Bold';
    border-bottom: 2px solid;
}
/* ====================================================================================================================
 * DEMAND SECTION - 32
 * ====================================================================================================================*/
.demand-section {
    /*background-image: url(img/bg/section-35.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 100%;*/
}
/*-------------- Demand List --------------*/
.demand-list {
    list-style: none;
    padding: 0 0 20px;
    margin-top: 100px;
    position: relative;
}
.demand-list:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 5px;
    background-color: #ffe07b;
    left: 50%;
}
.demand-list li {
    margin-bottom: 20px;
    position: relative;
}
.demand-list-2 {
    margin-top: 90px;
}
.demand-list li:before, .demand-list li:after {
    content: " ";
    display: table;
}
.demand-list li:after {
    clear: both;
}
.demand-panel {
    width: 50%;
    float: left;
    position: relative;
    margin-top: -40px;
    padding-right: 80px;
}
.demand-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -15px;
    background-color: #fffaee;
    border: 6px solid #ffe5a4;
    border-radius: 50%;
}
.demand-cash-circle.demand-circle {
    top: 150px;
}
.demand-list li.demand-list-2 > .demand-panel {
    float: right;
    padding-left: 80px;
    padding-right: 0;
    margin-top: -200px;
}
.demand-list li.demand-list-2 > .demand-panel.demand-panel-cash {
    margin-top: 0;
}
.demand-panel-content {
    width: 50%;
    float: right;
    padding-left: 60px;
    padding-right: 0;
    padding-top: 25px;
}
.demand-list-2 .demand-panel-content {
    padding-top: 35px;
}
.demand-panel-content h3 {
    font-size: 30px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
    line-height: 1.5;
}
.demand-list-2 .demand-panel-content {
    text-align: right;
    padding-right: 60px;
    padding-left: 0;
}
.demand-list-3 .demand-panel {
    margin-top: -160px;
}
.demand-panel-content h3 span {
    color: #2ebc00;
    font-family: 'Gotham-Bold';
}
.demand-panel-content h4 {
    font-size: 22px;
    color: #2d2d2d;
    padding-bottom: 30px;
    margin-top: -10px !important;
    font-family: 'Gotham-Medium';
}
.demand-panel-content h4 span {
    color: #4551e8 !important;
    border-bottom: 1px solid #4551e8;
    font-family: 'Gotham-Bold';
}
.demand-panel-content p {
    font-size: 17px;
    color: #585858;
    font-family: 'Gotham-Medium';
}
/* ====================================================================================================================
 * CASH SECTION - 33
 * ====================================================================================================================*/
.cash-row {
    padding-top: 100px;
}
.cash-col-left {
    text-align: left !important;
}
.cash-col-left h1 {
    font-size: 30px;
    color: #2d2d2d;
    font-family: 'Gotham-Medium';
    padding-bottom: 35px;
}
.cash-col-left h1 span {
    color: #2ebc00;
    font-family: 'Gotham-Bold';
}
.cash-col-left p {
    font-size: 15px;
    color: #383838;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
}
.cash-col-left p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.cash-col-left h2 {
    font-size: 24px;
    color: #ff7806;
    font-family: 'Gotham-Medium';
    padding-bottom: 20px;
}
.cash-col-left h2 span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
/* ====================================================================================================================
 * CLIENT SECTION - 34
 * ====================================================================================================================*/
.client-section {
    background-image: url(img/bg/section-37.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: 70px;
    padding-top: 120px;
    padding-bottom: 550px;
    position: relative;
    z-index: 1;
}
.client-col-left {
    padding-top: 100px;
}
.client-col-right h1 {
    font-size: 32px;
    color: #fff;
    background-color: #2c2c2c;
    border-radius: 50px;
    padding: 15px 10px;
    margin-top: 35px !important;
    text-align: center;
    font-family: 'Gotham-Medium';
}
.client-list {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    padding-top: 40px;
    margin: 0;
}
.client-list li {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}
.client-list img {
    width: 25px;
    float: left;
}
.client-list p {
    font-size: 17px;
    color: #fffeff;
    float: left;
    width: 87%;
    margin-left: 25px !important;
    font-family: 'Gotham-Medium';
}
.client-list p span {
    border-bottom: 1px solid;
}
.client-col-right {
    padding-top: 100px;
}
.client-b-col h2 {
    font-size: 40px;
    color: #fbfbfb;
    font-family: 'RobotoCondensed-Bold';
    font-style: italic;
    padding-top: 30px;
    padding-left: 40px;
}
/* ====================================================================================================================
 * AGENCY SECTION - 35
 * ====================================================================================================================*/
.agency-section {
    background-image: url(img/bg/section-39.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -370px;
    padding-bottom: 22%;
}
.agency-row {
    position: relative;
    z-index: 2;
    padding-top: 130px;
}
.agency-col-left {
    padding-left: 0;
    padding-top: 300px;
}
.agency-col-left h1 {
    display: inline-block;
    font-size: 25px;
    padding: 20px 20px;
    margin-bottom: 30px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #ffffff;
    font-family: 'Gotham-Medium';
    background-color: #ff7607;
}
.agency-col-left h2 {
    font-size: 35px;
    color: #000000;
    padding-top: 30px;
    padding-bottom: 35px;
    padding-left: 20px;
    font-family: 'Gotham-Bold';
}
.agency-col-left h2 span {
    border-bottom: 2px solid;
}
.agency-col-left-span {
    color: #fe7605;
    border-bottom: none !important;
}
.agency-col-left p {
    font-size: 13.5px;
    color: #383838;
    padding-bottom: 15px;
    padding-left: 20px;
    font-family: 'Gotham-Medium';
}
.agency-col-left p span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.agency-span {
    color: #fe7605 !important;
    border-bottom: 1px solid #ec8c00 !important;
}
.agency-col-right {
    padding: 0;
}
/* ====================================================================================================================
 * TESTIMONIAL SECTION - 36
 * ====================================================================================================================*/
.testimonial-section {
    position: relative;
}
.testimonial-section:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-38-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 130px;
    left: 400px;
    top: 0;
}
.testimonial-section:after {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-39-after-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 150px;
    right: 0;
    bottom: 0;
}
.testimonial-section h1 {
    font-size: 60px;
    color: #3e47ee;
    text-align: center;
    padding-bottom: 15px;
    font-family: 'Gotham-Medium';
}
ul.flex-direction-nav a:before{font-size:30px;}
.testimonial-section h2 {
    font-size: 24px;
    color: #484848;
    text-align: center;
    font-family: 'Gotham-Medium';
}
.testimonial-row {
    padding-top: 100px;
}
.testimonial-col {
    padding: 0 20px;
    padding-bottom: 40px;
}
.testimonial-main {
    background-image: url(img/column-img/section-36-col-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 70px;
}
.flexslider .slides .testimonial-main{
    background-image: url(img/column-img/section-36-col-img-pink.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.flexslider .slides .testimonial-main p{color:#fff;}
.tes-c-head {
    float: left;
}
.tes-c-head img {
    width: 30px;
    float: left;
}
.tes-c-head div {
    float: left;
    padding-top: 10px;
    padding-left: 15px;
}
.tes-c-head div h3 {
    font-size: 18px;
    color: #fff;
    font-family: 'Gotham-Medium';
    padding-bottom: 5px;
}
.tes-c-head div p {
    font-size: 11px;
    color: #fdfefd;
    font-family: 'Gotham-Medium';
}
.tes-c-img {
    float: right;
    position: relative;
    top: -18px;
}
.flexslider .slides .tes-c-img img, .tes-c-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.tes-c-center {
    display: inline-block;
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
}
.tes-c-center p {
    font-size: 15px;
    color: #000000;
    font-family: 'Gotham-Medium';
    padding-left: 20px;
    text-align: justify;
}
.tes-c-bottom {
    display: inline-block;
    width: 100%;
}
.tes-c-bottom p {
    font-size: 14px;
    text-align: right;
    padding-right: 30px;
    color: #000000;
    font-family: 'Gotham-Medium';
}
/* ====================================================================================================================
 * RECAP SECTION - 37
 * ====================================================================================================================*/
.recap-section {
    background-image: url(img/bg/section-40.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 120px;
    margin-top: 100px;
    position: relative;
}
.recap-section:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-39-after-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 220px;
    left: 150px;
    top: -55px;
}
.recap-section h1 {
    font-size: 50px;
    color: #fffefe;
    text-align: center;
    font-family: 'Gotham-Bold';
    padding-bottom: 20px;
}
.recap-col {
    text-align: center;
    padding-top: 70px;
}
.recap-col img {
    width: 90px;
}
.recap-col p {
    font-size: 13px;
    color: #eff7fd;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
}
/* ====================================================================================================================
 * ULTIMATE SECTION - 39
 * ====================================================================================================================*/
.ultimate-section {
    background-image: url(img/bg/section-41.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    text-align: center;
    padding-top: 70px;
}
.ultimate-section h1 {
    font-size: 60px;
    color: #4d55f3;
    font-family: 'Gotham-Bold';
    padding-bottom: 15px;
}
.ultimate-section h2 {
    font-size: 33px;
    color: #373737;
    font-family: 'Gotham-Medium';
}
.ultimate-section h2 span {
    font-family: 'Gotham-Bold';
    border-bottom: 1px solid;
}
.ultimate-col {
    padding: 0;
}
/* ====================================================================================================================
 * INCLUDED SECTION - 40
 * ====================================================================================================================*/
.included-section {
    background-image: url(img/bg/section-42.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    text-align: center;
    margin-top: -172px;
    padding-top: 150px;
    padding-bottom: 50px;
}
.included-sec-span {
    display: inline-block;
    font-size: 30px;
    color: #ffffff;
    background-color: #ff6305;
    font-family: 'Gotham-Medium';
    border-radius: 50px;
    padding: 12px 60px;
}
.included-row {
    padding-top: 70px;
}
.included-col h3 {
    font-size: 24px;
    color: #0d0d0d;
    padding-top: 20px;
    font-family: 'Gotham-Medium';
}
.included-col h4 {
    font-size: 17px;
    color: #ff790b;
    font-family: 'Gotham-Medium';
    padding-top: 10px;
}
.included-col p {
    font-size: 14.5px;
    color: #666666;
    padding-top: 20px;
}
/* ====================================================================================================================
 * SAVE SECTION - 41
 * ====================================================================================================================*/
.save-section {
    background-image: url(img/bg/section-43.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    text-align: center;
    padding-top: 300px;
    padding-bottom: 60px;
}
.save-col-right h3 {
    font-size: 80px;
    color: #fffeff;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
}
.save-col-right h4 {
    font-size: 45px;
    color: #fffeff;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    margin-top: -10px !important;
}
.save-col-right p {
    font-size: 25px;
    color: #fffeff;
    font-family: 'Gotham-Medium';
    padding-top: 15px;
    margin-bottom: 25px !important;
}
.save-btn {
    display: inline-block;
    font-size: 38px;
    font-family: 'Gotham-Bold';
    color: #ffffff;
    background-color: #fc6d1f;
    padding: 15px 45px;
    border-radius: 35px;
    box-shadow: 0 0 49px 0 rgba(248, 129, 83, 0.8);
}
.save-btn:hover, .save-btn:focus {
    background-color: #ffffff;
    box-shadow: 0 0 49px 0 rgba(248, 129, 83, 0.8);
    color: #fc6d1f;
}

/* ====================================================================================================================
 * STUNNING SECTION - 42
 * ====================================================================================================================*/
.stunning-row {
    padding-top: 80px;
}
.stunning-col-left h2 {
    font-size: 43px;
    color: #4c54f2;
    font-family: 'Gotham-Medium';
    padding-bottom: 40px;
    text-transform: uppercase;
}
.stunning-list {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.stunning-list li {
    display: inline-block;
    width: 100%;
    padding-bottom: 25px;
    vertical-align: middle;
}
.stunning-list li img {
    width: 30px;
    float: left;
}
.stunning-list li p {
    font-size: 17.5px;
    color: #585858;
    font-family: 'Gotham-Medium';
    padding-left: 25px;
    width: 93%;
    float: left;
}
.stunning-btn {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 30px;
}
.stunning-btn a {
    display: inline-block;
    font-size: 20px;
    color: #f9fafd;
    background-color: #3f46ee;
    font-family: 'Gotham-Medium';
    border-radius: 60px;
    padding: 30px 70px;
    position: relative;
    border: 4px solid transparent;
}
.stunning-btn a:hover, .stunning-btn a:focus {
    background-color: transparent;
    border: 4px solid #4c55f2;
    color: #4c55f2;
}
.stunning-btn a:before {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-44-after-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22%;
    height: 133%;
    left: -37px;
    top: -15px;
}
.stunning-btn a:after {
    content: '';
    position: absolute;
    background-image: url(img/after,before/section-44-after-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22%;
    height: 133%;
    right: -43px;
    top: -15px;
}
/* ====================================================================================================================
 * MONEY SECTION - 43
 * ====================================================================================================================*/
.money-section {
    background-image: url(img/bg/section-45.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    text-align: center;
    margin-top: -70px;
    position: relative;
}
.money-col-left {
    margin-top: -60px;
}
.money-col-right h2 {
    font-size: 44px;
    color: #fefcf6;
    font-family: 'Gotham-Bold';
    padding-bottom: 30px;
}
.money-col-right p {
    font-size: 17px;
    color: #fefcf6;
    font-family: 'Gotham-Bold';
    padding-bottom: 20px;
}
/* ====================================================================================================================
 * ABOUT SECTION - 44
 * ====================================================================================================================*/
.about-section {
    background-color: #f9f9f9;
    margin-top: 100px;
    padding: 40px;
}
.a-top-right {
    padding-left: 60px;
}
.about-col-right h2 {
    font-size: 45px;
    color: #4b55f3;
    font-family: 'Gotham-Medium';
    padding-top: 30px;
    padding-bottom: 20px;
}
.about-col-right p {
    font-size: 16px;
    color: #727272;
    padding-bottom: 10px;
    text-align: justify;
}
.about-col-right p span {
    font-family: 'Gotham-Bold';
}
.about-divider {
    text-align: center;
    padding-top: 10px;
}
.about-divider img {
    max-width: 80% !important;
}
.about-bottom-row {
    padding-top: 10px;
}
.a-bottom-right {
    padding-top: 30px;
}
/* ====================================================================================================================
 * FREQUENTLY SECTION - 45
 * ====================================================================================================================*/
.frequently-section {
    padding-top: 80px;
}
.frequently-section h1 {
    font-size: 45px;
    color: #5b5b5b;
    text-align: center;
    font-family: 'Gotham-Medium';
}
.frequently-row {
    padding-top: 80px;
}
.frequently-col {
    padding-bottom: 60px;
}
.frequently-col span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #ff6305;
    border-radius: 50%;
    float: left;
}
.frequently-col div {
    float: left;
    width: 95%;
    padding-left: 20px;
}
.frequently-col div h2 {
    font-size: 20px;
    color: #808080;
    font-family: 'Gotham-Medium';
    padding-bottom: 25px;
}
.frequently-col div p {
    font-size: 14px;
    color: #969696;
    font-family: 'Gotham-Medium';
}
.frequently-col div p a {
    color: #6abbf9;
}
/* ====================================================================================================================
 * FOOTER SECTION - 46
 * ====================================================================================================================*/
.footer-section {
    background-image: url(img/bg/section-48.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 100px;
}
.footer-row {
    text-align: center;
}
.footer-col {

}
.footer-col img {

}
.footer-list {
    display: inline-block;
    width: 100%;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 20px;
    margin: 0;
}
.footer-list-2 {
    padding: 0 0 50px 0;
}

.footer-list-2 {
    padding-top: 20px !important;
    padding-bottom: 35px;
}
.footer-list li {
    display: inline-block;
    border-left: 2px solid #fcfbfe;
    padding: 0 45px;
    line-height: 15px;
}
.footer-list li:nth-child(5n+1) {
    clear: left;
    border-left: none;
}
.footer-list li a {
    display: inline-block;
    font-size: 16px;
    color: #fcfbfe;
    font-family: 'Gotham-Medium';
}
.footer-list-btn {
    display: inline-block;
    font-size: 18px;
    color: #fdfeff;
    background-color: #4a6de2;
    padding: 7px 50px;
    border-radius: 50px;
    font-family: 'Gotham-Medium';
}
.footer-link {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.footer-col p {
    font-size: 18px;
    color: #f7faff;
    font-family: 'Gotham-Medium';
    /*padding-top: 30px;*/
}
/* ====================================================================================================================
 * EFFORT SECTION - 47
 * ====================================================================================================================*/
.effort-section {
    background-image: url(img/bg/section-49.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -95px;
    padding-top: 130px;
    padding-bottom: 70px;
}
.effort-row {

}
.effort-col-left {
    padding: 0;
}
.effort-col-left img {

}
.effort-col-right {
    padding-left: 40px;
}
.e-col-bottom {
    padding-left: 15px !important;
}
.effort-col-btn {
    display: inline-block;
    font-size: 30px;
    color: #fffffe;
    background-color: #ff6305;
    padding: 20px 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 50px;
    font-family: 'Gotham-Medium';
}
.effort-col-right p {
    font-size: 9px;
    color: #f5fafe;
    padding-bottom: 30px;
    line-height: 1.8;
}

.header-top {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   text-align: center;
   z-index: 999999;
}
.header-clear {
    padding-top: 6%;
}

/* ====================================================================================================================
 * TIMER
 * ====================================================================================================================*/
.counter-btm {
    font-family: 'PoetsenOne-Regular';
    font-weight: 700;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    background-image: url("img/footer-bg.png?v23022023");
    background-size: cover;
    background-repeat: no-repeat;
    /*background: #3941df;*/
    /*background: -moz-linear-gradient(left,rgba(57,65,223,1) 0%,rgba(25,36,194,1) 100%);*/
    /*background: -webkit-gradient(left top,right top,color-stop(0%,rgba(57,65,223,1)),color-stop(100%,rgba(25,36,194,1)));*/
    /*background: -webkit-linear-gradient(left,rgba(57,65,223,1) 0%,rgba(25,36,194,1) 100%);*/
    /*background: -o-linear-gradient(left,rgba(57,65,223,1) 0%,rgba(25,36,194,1) 100%);*/
    /*background: -ms-linear-gradient(left,rgba(57,65,223,1) 0%,rgba(25,36,194,1) 100%);*/
    /*background: linear-gradient(to right,rgba(57,65,223,1) 0%,rgba(25,36,194,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3941df',endColorstr='#1924c2',GradientType=1 );*/
    padding: 5px 0;
    color: #fff;
    font-size: 22px;
}
.counter-btm p:first-child{font-weight:normal;}
.counter-btm p:first-child span{font-size:35px;}

.counter-btm p:first-child {
    margin-bottom: 0;
    margin-right: 20px !important;
    position: relative;
}
.counter-btm p:before {
    content: '';
    position: absolute;
    background-image: url(img/footer-bg-before.png?v23022023);
    background-repeat: no-repeat;
    background-size: contain;
    width: 133px;
    height: 162px;
    top: -71px;
    left: -135px;
}
.counter-btm p::after {
    content: '';
    position: absolute;
    background-image: url(img/footer-bg-before-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 135px;
    height: 50px;
    top: -5px;
    right: -100px;
}
.counter-btm #demo {
    font-size: 36px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.counter-btm #demo p {
    margin: 0 5px !important;
}
.counter-btm #demo span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transform: translateY(40%);
}

#pgDailyCountDown {
    font-size: 30px;
}
.smalltext {
    font-size: 22px;
}
.count-text {
    display: inline-block;
    padding: 0 15px;
}
.counter-btn {
    position: relative;
}
.counter-btn a {
    display: inline-block;
    background-color: #ffffff;
    color: #1872a4;
    font-size: 20px;
    font-family: gotham-bold;
    padding: 15px 30px;
    margin-left: 70px;
    border-radius: 50px;
    box-shadow: 0 3px 4px rgba(0,0,0,.43);
}
.counter-btn:before {
    content: '';
    position: absolute;
    background-image: url(img/footer-bg-btn-before.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 67px;
    top: 0;
    left: 0;
}
.counter-btn:after {
    content: '';
    position: absolute;
    background-image: url(img/footer-bg-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 115px;
    top: -15px;
    right: -200px;
}
.counter-btn a:hover, .counter-btn a:focus {
    background-color: #ffffff;
    color: #52a3e2;
    box-shadow: 0 0 31px 0 rgba(255, 255, 255, .5);
}
.testiSect{width:100%; display:inline-block; padding:150px 0 50px; background:url(img/bg/sect-2.png) no-repeat center; background-size:cover; margin-top: -50px; }
.testiSect ul{width:100%; float:left;}
.testiSect ul li{width:48%; float:left; display:inline-block; margin-left:4%; margin-bottom:40px; }
.testiSect ul li:nth-child(2n+1){margin-left:0; clear:left;}
.leftImg{width:200px; float:none; height:200px; border-radius:50%; overflow:hidden; display:block; margin: 0 auto; position:relative; z-index:1;-moz-box-shadow:0 -24px 40px rgba(0,0,0,.1); -webkit-box-shadow:0 -24px 40px rgba(0,0,0,.1); box-shadow:0 -24px 40px rgba(0,0,0,.1); border:10px solid #fff;}
.leftImg img{width:100%; height: auto;}
.contentRight{width:100%; float:left;  position:relative;padding:120px 20px 15px; background:#fff; border-radius:4px; margin-top:-100px; -moz-box-shadow:0 0 40px rgba(0,0,0,.1); border-bottom:5px solid #FF9613; -webkit-box-shadow:0 0 40px rgba(0,0,0,.1); box-shadow:0 0 40px rgba(0,0,0,.1); min-height: 341px;}
.testiSect h2, .faq-section h3, .oto1-section-15 h4{font-size: 50px;
    color: #351d40;
    font-family: 'RobotoCondensed-Bold';
    padding: 25px 0;
	text-align:center; padding-bottom:50px;
}
.testiSectVideo{background: #fff; padding: 50px 0; margin: 0;}
.testiSectVideo .contentRight{padding:0;}
.testiSect.testiSectVideo ul li .contentRight{min-height:inherit;margin-top: 0;}
.testiSect.testiSectVideo ul li .contentRight iframe{height: 300px; float: left; width: 100%;}
.testiSect.testiSectVideo ul li h5{font-size: 20px; text-align: center; line-height: 35px; margin-bottom: 15px !important; font-weight: bold;}
.testiSect.testiSectVideo ul li p{text-align: right; margin-top: 20px !important; clear: both; width: 100%; display: inline-block;}
.counter-btn:before, .counter-btm p:after{display: none;}


.banerTop{position: fixed; width: 100%; background: url("img/top-bg.jpg?v12") no-repeat center; background-size: cover; padding: 0 40px; top: 0; left: 0; z-index: 9; height: 80px; line-height: 80px;}
.banerLeft{width: 48%; float:left;}
.banerRight{width: 49%; float: right;}
.banerRight img:first-child{margin-right: 20px; vertical-align: top;}
.banerRight img{max-width: 45%;}
.counter-btm p::after {
    width: 210px;
    height: 40px;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    background-position: center;
    z-index: -1;
}
.counter-btn:after {
    width: 195px;
    height: 135px;
    top: -70px;
    right: -210px;
}
.headerTop {
    width: 100%;
    text-align: center;
    padding: 55px 10px 55px;
    font-size: 40px;
    /* background-image: url(img/top-bg.png?v29032023);*/
    background-image: url(img/top-bg-50.png);
    background-size: 100% 100%;
    top: 0;
    left: 0;
    font-weight: bold;
    color: #fff;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    font-family: 'RobotoCondensed-Bold';
}
.headerTop span{color: #d30b0e; text-decoration: underline;text-transform: uppercase;}
.headerTop:before{position: absolute; top: 0; width: 250px; height: 100%; background: url("img/top-before.png") no-repeat center; display: none; background-size:auto 100% ; left: 10px; content: ''; background-position: center top;}
.headerTop:after{position: absolute; top: 0; width: 250px; height: 100%; background: url("img/top-after.png") no-repeat center; display: none ; background-size:auto 100% ; right: 10px; content: ''; background-position: center top;}
.home-section{margin-top: 0px;}
div.cbtb .trust-badge.tab{top: 110px;}
@media only screen and (min-width:1601px) and (max-width:1950px) {
    .counter-btm p:first-child {
        margin-right: 15px !important;
    }
    .counter-btn:after {
        width: 200px;
        height: 150px;
        top: inherit;
		bottom: -10px;
        right: -220px;
    }
}
@media only screen and (min-width:1441px) and (max-width:1599px) {
    .counter-btm {
        font-size: 20px;
    }
    .counter-btm p:first-child {
        margin-right: 20px !important;
    }
    #pgDailyCountDown {
        font-size: 28px;
    }
    .smalltext {
        font-size: 20px;
    }
    .counter-btn a {
        font-size: 18px;
        padding: 15px 20px;
        margin-left: 40px;
    }

    .count-text {
        padding: 0 10px;
    }
    .counter-btn:before {
        width: 45px;
        height: 45px;
        top: 10px;
        left: -5px;
    }
    .counter-btn:after {
        width: 165px;
        height: 135px;
        top: -65px;
        right: -170px;
		background-position: center bottom;
    }
}
@media only screen and (min-width:1281px) and (max-width:1440px) {
    .counter-btm {
        font-size: 20px;
    }
    .counter-btm p:first-child {
        margin-right: 13px !important;
    }
    #pgDailyCountDown {
        font-size: 28px;
    }
    .smalltext {
        font-size: 20px;
    }
    .counter-btn a {
        font-size: 18px;
        padding: 15px 20px;
        margin-left: 40px;
    }
    .count-text {
        padding: 0 10px;
    }
    .counter-btn:before {
        width: 45px;
        height: 45px;
        top: 10px;
        left: -5px;
    }
    .counter-btn:after {
        width: 120px;
        height: 100px;
        top: inherit;
		bottom:-20px;
        right: -120px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1280px) {
    .counter-btm {
        font-size: 18px;
    }
    .counter-btm p:first-child {
        margin-right: 25px !important;
    }
    #pgDailyCountDown {
        font-size: 26px;
    }
    .smalltext {
        font-size: 16px;
    }
    .counter-btn a {
        font-size: 16px;
        padding: 12px 15px;
        margin-left: 25px;
    }
    .count-text {
        padding: 0 10px;
    }
    .counter-btn:before {
        width: 30px;
        height: 30px;
        top: 10px;
        left: -5px;
    }
    .counter-btn:after {
        width: 150px;
        height: 115px;
        top: inherit;
		bottom: -20px;
		background-position: center bottom;
        right: -155px;
    }

}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .counter-btm {
        font-size: 16px;
    }
    .counter-btm p:first-child {
        margin-right: 10px !important;
    }
    #pgDailyCountDown {
        font-size: 22px;
    }
    .smalltext {
        font-size: 16px;
    }
    .counter-btn a {
        font-size: 14px;
        padding: 12px 15px;
        margin-left: 25px;
    }
    .count-text {
        padding: 0 5px;
    }
    .counter-btn:before {
        width: 30px;
        height: 30px;
        top: 12px;
        left: 0;
    }
    .counter-btn:after {
        width: 115px;
        height: 100px;
        top: inherit;
		bottom: -20px;
		background-position: center bottom;
        right: -135px;
    }
	div.countDownContainer.pgCountDown:before{z-index: -1;width: 23px; height: 23px; background-size: 100% auto;}
}
@media only screen and (max-width:996px){
	.testiSect ul li{width:100%; margin-left:0;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .counter-btm {
        /*  display: none; */
        font-size: 14px;
    }
    .counter-btm p:first-child {
        margin-right: 10px !important;
    }
	div.countDownContainer.pgCountDown:before{z-index: -1;width: 23px; height: 23px; background-size: 100% auto;top:-15px;}
    .counter-btn a {
        font-size: 10px;
        padding: 6px 5px;
        margin-left: 10px;
    }
    .counter-btm #demo {
        font-size: 12px;
        padding-left:0;
    }
    .counter-btm #demo p {
        margin: 0 10px !important;
    }
    .smalltext {
        font-size: 16px;
    }
    .counter-btm #demo span {
        font-size: 10px;
    }
    .count-text {
        display: inline-block;
        padding: 0 5px;
    }
    .counter-btn:before {
        width: 30px;
        height: 30px;
        top: 2px;
        left: -15px;
    }
    .counter-btn:after {
        width: 80px;
        height: 60px;
        top: -16px;
        right: -75px;
    }
}
@media only screen and (min-width:481px) and (max-width:767px) {
    .counter-btm {
        font-size: 16px;
        display: inline-block;
    }
    .counter-btm p:first-child {
        margin-right: 0 !important;
    }
    .counter-btm p:first-child br {
        display: none;
    }
    .counter-btn a {
        font-size: 14px;
        padding: 10px 20px;
        margin-left: 10px;
    }
    .counter-btm #demo {
        font-size: 25px;
        padding-left: 0;
        justify-content: center;
    }
    .counter-btm #demo span {
        font-size: 14px;
    }
    .counter-btm p:before, .counter-btn:before, .counter-btn:after, .counter-btm p::after {
        display: none;
    }
}
@media (max-width: 480px) {
    .counter-btm {
        font-size: 16px;
        display: inline-block;
    }
    .counter-btm p:first-child {
        margin-right: 0 !important;
    }
    .counter-btm p:first-child br {
        display: none;
    }
    .counter-btn a {
        font-size: 12px;
        padding: 10px 10px;
        margin-top: 5px;
        margin-left: 10px;
    }
    .counter-btm #demo {
        font-size: 20px;
        padding-left: 0;
        justify-content: center;
    }
    .counter-btm #demo span {
        font-size: 14px;
    }
    .counter-btm p:before, .counter-btn:before, .counter-btn:after, .counter-btm p::after {
        display: none;
    }
}


/* ====================================================================================================================
 * ====================================================================================================================
 * RESPONSIVE (MEDIA QUERY)
 * ====================================================================================================================
 * ====================================================================================================================*/
@media only screen and (min-width:1951px) and (max-width:2600px) {
    .home-working-area {
        max-width: 1330px;
    }
    .demo-video iframe {
        width: 850px;
        height: 480px;
    }
    /*---------- Home Video Overlay -----------*/
    .overlay iframe {
        height: 485px;
    }
    .inner-box-main {
        left: 50%;
        width: 856px;
        margin-left: -428px;
        height: 485px;
    }
    /*-------- Home Video Overlay End ---------*/
}
@media only screen and (min-width:1601px) and (max-width:1950px) {
    /*============================= HIGHER PRICE SECTION =============================*/
    .working-area {
        max-width: 1550px;
        width: 100%;
        margin: 0 auto;
    }
    .home-working-area {
        max-width: 1330px;
    }
    .home-top h1 {
        font-size: 50px;
    }
    .home-top p {
        font-size: 19px;
    }
    .home-left {
        padding-left: 0;
    }
    .home-left-col {
        margin-top: 50px;
    }
    .home-left-col li {
        padding-top: 30px;
    }
    .home-left-col li span {
        font-size: 15px;
        padding-left: 7px;
    }
    /*---------- Home Video Overlay -----------*/
    .overlay iframe {
        height: 485px;
    }
    .inner-box-main {
        left: 50%;
        width: 856px;
        margin-left: -428px;
        height: 485px;
    }
    /*-------- Home Video Overlay End ---------*/
    .home-col-lap-head {
        font-size: 33px;
    }
    .home-col-btn a {
        font-size: 25px;
        padding: 25px 60px;
    }
    .benefits-top h3 {
        font-size: 56px;
    }
    .demo-row {
        margin-right: -110px;
        margin-left: 0;
    }
    .demo-video {
        margin-left: -572px;
        margin-top: -461px;
        width: 1020px;
        height: 573px;
    }
    .demo-video iframe {
        width: 1020px;
        height: 575px;
    }
    .demo-top h3 {
        font-size: 58px;
    }
    .demo-top p {
        font-size: 34px;
    }
    .install-col-right h2 {
        font-size: 50px;
    }
    .install-col-right a {
        font-size: 36px;
        padding: 18px 65px;
    }
    .creator-col-right {
        margin-left: -90px;
        flex: auto;
        max-width: 50%;
    }
    .creator-col-left h1 {
        font-size: 43px;
    }
    .creator-col-left h2 {
        font-size: 74px;
    }
    .creator-col-right h2 {
        font-size: 50px;
    }
    .cre-c-r-span {
        font-size: 19px;
    }
    .cre-b-r-step {
        padding: 90px 45px;
        font-size: 50px;
    }
    .creator-bottom-row h4 {
        font-size: 40px;
    }
    .creator-bottom-row p {
        font-size: 18px;
    }
    .instant-row:before {
        right: 260px;
        top: -70px;
    }
    .instant-col-contnet h1 {
        padding-left: 60px;
    }
    .instant-col-contnet h1 span {
        padding: 100px 40px;
        font-size: 60px;
    }
    .instant-col-contnet {
        background-size: contain;
        padding-top: 55px;
        padding-bottom: 360px;
        padding-left: 120px;
    }
    .instant-col-contnet img {
        margin-top: 85px;
    }
    .instant-col-contnet h2 {
        font-size: 40px;
    }
    .instant-col-contnet p {
        font-size: 20px;
    }
    .instant-list li p {
        font-size: 18px;
        color: #3e3e3e;
    }
    .publish-col-left {
        padding-left: 250px;
    }
    .p-top-content h1 span {
        padding: 95px 40px;
        font-size: 50px;
    }
    .p-top-content h2 {
        font-size: 44px;
    }
    .p-top-content p {
        font-size: 20px;
    }
    .p-top-c-span {
        font-size: 22px;
    }
    .p-bottom-content p {
        font-size: 16px;
    }
    .dropping-row h2 {
        font-size: 70px;
    }
    .price-right img {
        margin-left: -180px;
        min-width: 120%;
    }
    .dir-top-content span {
        font-size: 24px;
        padding: 8px 55px;
    }
    .dir-top-content h2 {
        font-size: 55px;
    }
    .directly-panel-content h3 {
        font-size: 40px;
    }
    .directly-panel-content p {
        font-size: 22px;
    }
    .price-left h1 {
        font-size: 56px;
    }
    .p-left-pra {
        font-size: 22px !important;
    }
    .price-left p {
        font-size: 17px;
    }
    .engaged-panel-content {
        padding-left: 80px;
    }
    .engaged-panel-content h3 {
        font-size: 38px;
    }
    .engaged-panel-content p {
        font-size: 20px;
    }
    .engaged-panel-content h4 {
        font-size: 30px;
    }
    .engaged-panel-content h4:before {
        width: 43%;
    }
    .engaged-panel-row:after {
        bottom: -60px;
    }
    .engaged-panel-row:before {
        bottom: -30px;
        margin-right: 80px;
    }
    .engaged-row h2 {
        font-size: 55px;
    }
    .expensive-col-left h2 {
        font-size: 50px;
    }
    .expensive-col-left p {
        font-size: 19px;
    }
    .automatic-content h1, .table-content h1, .header-content h1 {
        font-size: 36px;
    }
    .automatic-content h2 {
        font-size: 30px;
    }
    .automatic-content p, .table-content p, .header-content p {
        font-size: 18px;
    }
    .drag-col-left {
        padding-top: 110px;
    }
    .drag-content {
        padding: 70px 40px;
        padding-bottom: 120px;
    }
    .drag-content h1 {
        font-size: 40px;
    }
    .drag-content p {
        font-size: 18px;
        line-height: 35px;
        padding-top: 40px;
    }
    .customizable-row {
        height: 550px;
        margin-top: -37px;
    }
    .row-3 {
        margin-top: -71px;
    }
    .customizable-content {
        padding: 0 40px;
    }
    .customizable-content h1 {
        font-size: 34px;
    }
    .customizable-content p {
        font-size: 17px;
        line-height: 32px;
    }
    .need-section:before {
        width: 800px;
        height: 500px;
        top: 150px;
        right: 175px;
    }
    .need-section h1 {
        font-size: 56px;
    }
    .need-row {
        padding-top: 150px;
    }
    .need-col img {
        width: auto;
    }
    .need-col p {
        font-size: 22px;
    }
    .access-content h2 {
        font-size: 50px;
    }
    .access-content a {
        font-size: 35px;
        padding: 22px 50px;
    }
    .go-top-left h1 {
        font-size: 100px;
    }
    .go-top-left p {
        font-size: 44px;
    }
    .go-top-left span {
        font-size: 50px;
        padding: 15px 20px;
    }
    .go-top-left span br {
        display: none;
    }
    .template-section {
        margin-top: -410px;
    }
    .template-col-left h1 {
        font-size: 75px;
    }
    .template-col-left h2 {
        font-size: 60px;
    }
    .template-col-left p {
        font-size: 27px;
        padding-bottom: 60px;
    }
    .template-col-left a {
        font-size: 26px;
        padding: 24px 60px;
    }



    .testimonial-main {
        padding: 80px 100px 130px 50px;
    }
    .tes-c-center p {
        font-size: 19px;
    }
    .flexslider .slides .tes-c-img img, .tes-c-img img {
        width: 120px;
        height: 120px;
    }
    .tes-c-img {
        position: relative;
        top: -33px;
    }
    .tes-c-head img {
        width: 40px;
    }
    .tes-c-head div h3 {
        font-size: 24px;
    }
    .tes-c-center {
        padding-top: 0;
        padding-bottom: 0;
    }


    .single-section {
        padding: 50px 100px;
        padding-top: 155px;
    }
    .single-col-left h1 {
        font-size: 37px;
    }
    .single-col-left p {
        font-size: 19px;
    }
    .work-row {
        padding: 0 100px;
    }
    .work-col-left h1 {
        font-size: 60px;
    }
    .work-col-left p {
        font-size: 20px;
    }
    .order-section {
        padding-bottom: 110px;
    }
    .order-col-right h1 {
        font-size: 55px;
    }
    .order-col-right p {
        font-size: 19px;
    }
    .competition-col-right h1 {
        font-size: 52px;
    }
    .competition-col-right p {
        font-size: 20px;
    }
    .competition-col-right h2 {
        font-size: 37px;
    }
    .competition-list li div h3 {
        font-size: 20px;
    }
    .competition-list li div p {
        font-size: 16px;
    }
    .news-col-span {
        font-size: 55px;
        padding: 3px 85px 10px 20px;
    }
    .news-col-right h2 {
        font-size: 55px;
    }
    .news-col-right p {
        font-size: 22px;
    }
    .commercial-span {
        font-size: 40px;
    }
    .commercial-col-right h2 {
        font-size: 66px;
    }
    .commercial-col-right h3 {
        font-size: 38px;
    }
    .commercial-col-right p {
        font-size: 27px;
        line-height: 45px;
    }
    .licence-section {
        padding-top: 150px;
    }
    .licence-col-right h2 {
        font-size: 50px;
    }
    .licence-col-right p {
        font-size: 22px;
    }
    .licence-b-col-span {
        font-size: 35px;
    }
    .licence-b-col-right h2 {
        font-size: 44px;
    }
    .licence-b-col-right p {
        font-size: 20px;
    }
    .bonus-top-col-span {
        font-size: 38px;
    }
    .bonus-top-col-right h2 {
        font-size: 56px;
    }
    .bonus-top-col-right p {
        font-size: 22px;
    }
    .bonus-list h3 {
        font-size: 44px;
    }
    .bonus-list li span {
        font-size: 20px;
        line-height: 20px;
        padding: 13px 28px;
        margin-left: 20px;
    }
    .bonus-list li div img {
        width: auto;
    }
    .bonus-list li div p {
        font-size: 18px;
    }
    .bonus-bottom-col-right h3 {
        font-size: 28px;
        padding: 50px 90px;
        border-top-left-radius: 120px;
        border-bottom-left-radius: 120px;
    }
    .bonus-bottom-col-right p {
        font-size: 25px;
        padding-left: 90px;
    }
    .exciting-col-right h2 {
        font-size: 30px;
    }
    .cash-col-left h1 {
        font-size: 25px;
    }
    .cash-col-left p {
        font-size: 17px;
    }
    .cash-col-left h2 {
        font-size: 30px;
    }
    .client-col-right h1 {
        font-size: 40px;
        padding: 20px 10px;
        margin-right: 50px !important;
    }
    .client-list img {
        width: auto;
    }
    .client-list p {
        font-size: 20px;
        color: #fffeff;
        float: left;
        width: 90%;
    }
    .client-b-col h2 {
        font-size: 50px;
    }
    .agency-row {
        padding-top: 30px;
    }
    .agency-col-left h1 {
        font-size: 35px;
        padding: 25px 20px;
    }
    .agency-col-left h2 {
        font-size: 37px;
    }
    .agency-col-left p {
        font-size: 18px;
    }
    .testimonial-col {
        padding: 0 30px;
        padding-bottom: 40px;
    }
    .recap-section {
        padding-top: 120px;
        padding-bottom: 160px;
    }
    .recap-section h1 {
        font-size: 60px;
    }
    .recap-col img {
        width: auto;
    }
    .recap-col p {
        font-size: 18px;
    }
    .included-sec-span {
        font-size: 38px;
    }
    .included-col {
        padding: 0 50px;
    }
    .included-col h3 {
        font-size: 28px;
    }
    .included-col h4 {
        font-size: 19px;
    }
    .included-col p {
        font-size: 16px;
    }
    .save-col-right h3 {
        font-size: 110px;
    }
    .save-col-right h4 {
        font-size: 63px;
    }
    .save-col-right p {
        font-size: 32px;
        margin-bottom: 35px !important;
    }
    .save-btn {
        font-size: 50px;
        padding: 15px 55px;
    }
    .stunning-col-left h2 {
        font-size: 52px;
    }
    .stunning-list li img {
        width: auto;
    }
    .stunning-list li p {
        font-size: 23px;
        width: 87%;
    }
    .stunning-btn a {
        font-size: 24px;
        padding: 35px 100px;
    }
    .stunning-btn a:before {
        left: -45px;
        top: -15px;
    }
    .stunning-btn a:after {
        right: -60px;
        top: -17px;
    }
    .money-col-right h2 {
        font-size: 55px;
    }
    .money-col-right p {
        font-size: 20px;
    }
    .about-col-right h2 {
        font-size: 60px;
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .about-col-right p {
        font-size: 19px;
        padding-bottom: 30px;
    }
    .about-divider {
        padding-top: 70px;
    }
    .about-divider img {
        max-width: 100%;
    }
    .frequently-section h1 {
        font-size: 58px;
    }
    .frequently-col {
        padding: 0 50px;
        padding-bottom: 60px;
    }
    .frequently-col div h2 {
        font-size: 24px;
    }
    .frequently-col div p {
        font-size: 17px;
    }
    .effort-col-btn {
        font-size: 42px;
    }
    .effort-col-right p {
        font-size: 11px;
    }
    .e-col-bottom {
        padding-top: 50px;
    }
}
@media only screen and (min-width:1441px) and (max-width:1599px) {
    .home-working-area {
        max-width: 1360px;
    }
    .home-row:before {
        width: 215px;
        height: 175px;
        right: -50px;
        top: -162px;
    }
    .demo-row {
        margin-right: -170px;
        margin-left: 60px;
    }
    .demo-video {
        margin-left: -550px;
        margin-top: -385px;
        width: 850px;
        height: 330px;
    }
    .demo-video iframe {
        width: 850px;
        height: 480px;
    }
    /*---------- Home Video Overlay -----------*/
    .overlay iframe {
        height: 490px;
    }
    .inner-box-main {
        left: 50%;
        width: 872px;
        margin-left: -436px;
        height: 490px;
    }
    /*-------- Home Video Overlay End ---------*/
}
@media only screen and (min-width:1281px) and (max-width:1440px) {
    .home-working-area {
        max-width: 1250px;
    }
    .home-row:before {
        width: 215px;
        height: 175px;
        right: -45px;
        top: -135px;
    }
    .demo-row {
        margin-right: -170px;
        margin-left: 60px;
    }
    .demo-video {
        margin-left: -550px;
        margin-top: -385px;
        width: 850px;
        height: 330px;
    }
    .demo-video iframe {
        width: 850px;
        height: 480px;
    }
    /*---------- Home Video Overlay -----------*/
    #inner-box p {
        font-size: 50px;
    }
    #inner-box img {
        width: 100px;
    }
    .overlay iframe {
        height: 455px;
    }
    .inner-box-main {
        left: 50%;
        width: 804px;
        margin-left: -402px;
        height: 455px;
    }
    /*-------- Home Video Overlay End ---------*/
    /*============================= HIGHER PRICE SECTION =============================*/
    .price-left h1 {
        font-size: 44px;
    }
    .price-left p {
        font-size: 14px;
    }
    .price-left p br {
        display: none;
    }
    .p-left-img img {
        max-width: 100%;
    }
    /*================================== NEWS SECTION ================================*/
    .news-col-right {
        padding-top: 0;
    }
    /*================================ LICENSE SECTION ===============================*/
    .licence-section h1 {
        font-size: 50px;
    }
    .licence-row-bottom {
        margin-top: -250px;
    }
    .licence-b-col-right {
        margin-left: 3%;
        flex: 47%;
        max-width: 47%;
    }
    .licence-b-col-span {
        font-size: 25px;
    }
    .licence-b-col-right p br, .licence-col-right p br {
        display: none;
    }
    /*================================= BONUS SECTION ================================*/
    .bonus-section {
        padding-top: 10%;
        padding-bottom: 16%;
    }
    .bonus-section:before {
        width: 44%;
        top: 18%;
    }
    .go-top-left span {
        font-size: 38px;
    }
    .testimonial-section:before {
        left: 290px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1280px) {
    /*================================ HOME SECTION ==================================*/
    .home-top h1 {
        /*font-size: 35px;*/
        padding: 20px 0;
    }
    .home-top h1 br {
        display: none;
    }
    .home-top h1 span {
        border-bottom: 3px solid;
    }
    .home-top p {
        font-size: 16px;
    }
    .home-row {
        padding-bottom: 90px;
    }
    .home-row:before {
        display: none;
    }
    .home-col-btn a {
        font-size: 17px;
        padding: 15px 35px;
    }
    .home-row .align-self-start {
        position: relative;
        top: 15px;
    }
    .demo-row {
        margin-left: 180px;
        margin-right: 0;
    }
    .demo-video {
        margin-left: -410px;
        margin-top: -288px;
        width: 630px;
        height: 330px;
    }
    .demo-video iframe {
        width: 630px;
        height: 355px;
    }
    /*============================ INTRODUCING SECTION ===============================*/
    .introducing-top h3 {
        font-size: 15px;
        line-height: 20px;
    }
    .introducing-top div img {
        width: 300px;
    }
    .introducing-top span {
        font-size: 24px;
        padding: 7px 22px;
    }
    .int-row-col-1 img {
        max-width: 90%;
    }
    .introducing-row .align-self-center {
        width: 50%;
        margin-top: 20px;
    }
    .int-col-left:before {
        background-size: 75%;
        width: 75px;
        height: 240px;
        left: -32px;
        top: 32px;
        z-index: -1;
    }
    .int-col-right:before {
        background-size: 75%;
        width: 75px;
        height: 240px;
        right: -51px;
        top: 25px;
        z-index: -1;
    }
    .int-col-left, .int-col-right {
        width: 50%;
        max-width: 50%;
        flex: 50%;
        margin-left: -25px;
    }
    .int-col-right {
        margin-left: -5px;
    }
    /*============================== BENEFITS SECTION ================================*/
    .benefits-row img {
        width: 165px;
    }
    /*======================== DIGITAL INFO PRODUCT SECTION ==========================*/
    .digital-section {
        margin-top: 0;
    }
    .digital-top {
        padding-top: 130px;
    }
    .digital-top h3 {
        font-size: 35px;
    }
    .dig-r-head {
        font-size: 60px;
    }
    .digital-list {
        padding-top: 50px;
    }
    .digital-list:before {
        width: 130px;
        height: 70px;
        margin-top: -70px;
    }
    .digital-list li {
        padding-bottom: 20px;
    }
    .digital-list li p {
        padding-left: 30px;
    }
    /*============================ INSTALLATION SECTION ==============================*/
    .install-section {
        margin-top: -60px;
    }
    .install-row {
        padding-top: 20%;
    }
    .install-col-left {
        text-align: right;
    }
    .install-col-left img {
        max-width: 85%;
    }
    .install-col-right h2 {
        font-size: 36px;
    }
    /*========================= CUSTOMIZE & PUBLISH SECTION ==========================*/
    .publish-section {
        margin-top: -200px;
    }
    .publish-col-left {
        padding-top: 290px;
    }
    .p-top-content:before {
        width: 65px;
        height: 197px;
        left: -80px;
        top: 112px;
    }
    .p-top-content h1 span {
        padding: 55px 30px;
        font-size: 27px;
    }
    .p-top-content img {
        max-width: 50%;
        margin-top: 20px;
    }
    .p-top-content h2 {
        font-size: 18px;
        padding-top: 20px;
    }
    .p-top-content p {
        font-size: 13px;
        padding-top: 15px;
    }
    .p-bottom-content p {
        font-size: 12px;
        width: 86%;
        padding-left: 16px;
    }
    .publish-col-right {
        padding-top: 0;
    }
    .publish-col-right img {
        max-width: 70%;
    }
    .instant-col-contnet h1 {
        padding-left: 50px;
    }
    /*============================ DROPPING EBOOK SECTION ============================*/
    .dropping-row h2 {
        font-size: 50px;
    }
    .dropping-col {
        margin-top: 0;
    }
    /*=========================== PUBLISH DIRECTLY SECTION ===========================*/
    .directly-section {
        background-size: 100% 100%;
    }
    /*============================= HIGHER PRICE SECTION =============================*/
    .price-left {
        padding-left: 60px;
    }
    .price-left h1 {
        font-size: 39px;
    }
    .price-left p {
        font-size: 14px;
    }
    .price-left p br {
        display: none;
    }
    .p-left-img img {
        max-width: 100%;
    }
    .p-slider-image img {
        max-width: 20%;
    }
    /*============================== EXPENSIVE SECTION ===============================*/
    .expensive-section {
        margin-top: -60px;
        padding-top: 80px;
        padding-bottom: 190px;
    }
    .expensive-col-left {
        padding-left: 15px;
    }
    .expensive-col-left p br {
        display: none;
    }

    /*========================== AUTOMATIC CONTENT SECTION ===========================*/
    .automatic-row {
        padding-top: 0;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .table-col-left {
        margin-left: 10%;
        flex: 31.66%;
        max-width: 31.66%;
    }
    /*============================== DRAG DROP SECTION ===============================*/
    .drag-col-right {
        padding: 0;
        margin-left: -5%;
        flex: 63.33%;
        max-width: 63.33%;
    }
    /*============================== EVER NEED SECTION ===============================*/
    .need-section:before {
        top: 18%;
    }
    /*=============================== GORGEOUS SECTION ===============================*/
    .go-top-left h1 {
        font-size: 66px;
    }
    .go-top-left p {
        font-size: 34px;
    }
    .gorgeous-row-center {
        margin-top: -20px;
    }
    .gorgeous-row-bottom {
        margin-top: -240px;
    }
    .go-top-left span {
        font-size: 30px;
    }
    /*=============================== TEMPLATE SECTION ===============================*/
    .template-section {
        margin-top: -210px;
        padding-top: 200px;
    }
    /*================================== NEWS SECTION ================================*/
    .news-col-right {
        padding-top: 0;
    }
    /*================================ LICENSE SECTION ===============================*/
    .licence-section h1 {
        font-size: 45px;
    }
    .licence-col-right {
        padding-top: 70px;
    }
    .licence-col-right h2 {
        font-size: 36px;
        padding-bottom: 20px;
    }
    .licence-col-right p {
        font-size: 16px;
        line-height: 1.7;
    }
    .licence-col-right p br {
        display: none;
    }
    .licence-row-bottom {
        margin-top: -200px;
    }
    .licence-b-col-right {
        margin-left: 3%;
        flex: 47%;
        max-width: 47%;
    }
    .licence-b-col-span {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .licence-b-col-right h2 {
        font-size: 32px;
        padding-bottom: 20px;
    }
    .licence-b-col-right p {
        font-size: 16px;
        line-height: 1.7;
    }
    .licence-b-col-right p br {
        display: none;
    }
    /*================================= BONUS SECTION ================================*/
    .bonus-section {
        padding-top: 10%;
        padding-bottom: 20%;
    }
    .bonus-section:before {
        width: 44%;
        top: 19%;
    }
    /*================================ CLIENT SECTION ================================*/
    .client-section {
        padding-top: 80px;
        padding-bottom: 500px;
    }
    /*============================= TESTIMONIAL SECTION ==============================*/
    .testimonial-section:before {
        left: 20%;
    }
    .testimonial-section:after {
        bottom: -25%;
    }
    .tes-c-head img {
        width: 40px;
    }
    .tes-c-center p {
        font-size: 15px;
    }
    /*================================= RECAP SECTION ================================*/
    .recap-section {
        padding-bottom: 150px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    /*================================ HOME SECTION ==================================*/
    .home-section {
        background-size: cover;
    }
    .home-top-img img {
        width: 300px;
    }
    .home-top h1 {
        /*font-size: 28px;*/
        padding: 20px 0;
    }
    .home-top h1 br {
        display: none;
    }
    .home-top h1 span {
        border-bottom: 3px solid;
    }
    .home-top p {
        font-size: 14px;
    }
    .home-row {
        padding-bottom: 90px;
    }
    .home-row:before {
        display: none;
    }
    .home-left-col li span {
        position: relative;
        top: 0px;
        width: 60%;
    }
    .home-col-btn a {
        font-size: 15px;
        padding: 12px 30px;
    }
    .home-row .align-self-start {
        position: relative;
        top: 15px;
    }
    /*---------- Home Video Overlay -----------*/
    #inner-box p {
        font-size: 50px;
    }
    #inner-box img {
        width: 100px;
    }
    .overlay iframe {
        height: 345px;
    }
    .inner-box-main {
        left: 50%;
        width: 610px;
        margin-left: -305px;
        height: 345px;
    }
    /*-------- Home Video Overlay End ---------*/
    .home-col-lap-head {
        font-size: 22px;
    }
    .home-left-col {
        margin-top: 0;
    }
    /*============================ INTRODUCING SECTION ===============================*/
    .introducing-top h3 {
        font-size: 15px;
        line-height: 20px;
    }
    .introducing-top div img {
        width: 300px;
    }
    .introducing-top span {
        font-size: 24px;
        padding: 7px 22px;
    }
    .int-row-col-1 img {
        max-width: 90%;
    }
    .introducing-row .align-self-center {
        width: 50%;
        margin-top: 20px;
    }
    .int-col-left:before {
        background-size: 75%;
        width: 70px;
        height: 240px;
        left: -19px;
        top: 13px;
        z-index: -1;
    }
    .int-col-right:before {
        background-size: 75%;
        width: 70px;
        height: 240px;
        right: -37px;
        top: 9px;
        z-index: -1;
    }
    .int-col-left, .int-col-right {
        width: 50%;
        max-width: 50%;
        flex: 50%;
        margin-left: -25px;
    }
    .int-col-right {
        margin-left: -5px;
    }
    .int-col-btn {
        padding-top: 40px;
    }
    .int-col-btn a {
        font-size: 16px;
        padding: 16px 28px
    }
    /*============================== BENEFITS SECTION ================================*/
    .benefits-row img {
        width: 165px;
    }
    /*================================ DEMO SECTION ==================================*/
    .demo-top {
        padding-top: 130px;
    }
    .demo-top h3 {
        font-size: 34px;
    }
    .demo-top p {
        font-size: 22px;
    }
    .demo-row {
        padding-top: 30px;
        margin-left: 150px;
        margin-right: 0;
    }
    .demo-play img {
        width: 70px;
    }
    .demo-play {
        margin-top: -120px;
        margin-left: -112px;
    }
    .demo-video {
        top: 5%;
        left: 7.5%;
        margin-left: 0;
        margin-top: 0;
        width: 65%;
        height: 55%;
    }
    .demo-video iframe {
        width: 100%;
        height: 100%;
    }
    .demo-content {
        margin-top: 20px;
    }
    .demo-content span {
        width: 94%;
    }
    /*======================== DIGITAL INFO PRODUCT SECTION ==========================*/
    .digital-section {
        margin-top: 0;
    }
    .digital-top {
        padding-top: 100px;
    }
    .digital-top h3 {
        font-size: 30px;
        padding-top: 30px;
    }
    .dig-r-col-right {
        padding-right: 15px;
    }
    .dig-r-head {
        font-size: 40px;
    }
    .digital-row {
        padding-top: 40px;
    }
    .digital-list {
        padding-top: 30px;
    }
    .digital-list:before {
        content: none;
    }
    .digital-list li {
        padding-bottom: 20px;
    }
    .digital-list li p {
        font-size: 15px;
        padding-left: 30px;
        width: 83%;
    }
    /*============================ INSTALLATION SECTION ==============================*/
    .install-section {
        margin-top: -60px;
    }
    .install-row {
        padding-top: 20%;
    }
    .install-col-right h2 {
        font-size: 34px;
    }
    .install-col-right a {
        font-size: 15px;
        padding: 22px 25px;
        margin-top: 30px;
    }
    /*============================ EBOOK CREATOR SECTION =============================*/
    .creator-col-right h2 {
        font-size: 37px;
    }
    .creator-col-right h2 br{
        display: none;
    }
    .cre-c-r-span {
        font-size: 14px;
    }
    .creator-col-right p {
        font-size: 12px;
    }
    .creator-cont-row {
        padding-top: 20px;
    }
    .creator-col-left h1 {
        font-size: 29px;
    }
    .creator-col-left h2 {
        font-size: 41px;
    }
    .creator-cont-row img {
        width: 65px;
    }
    .creator-bottom-row {
        padding-top: 15%;
        padding-bottom: 24%;
    }
    .creator-bottom-row  .col-md-5 img {
        max-width: 70%;
    }
    .creator-bottom-row .col-md-5 div {
        padding-top: 30px;
        padding-left: 33px;
    }
    .creator-bottom-row .col-md-7 img {
        max-width: 90%;
    }
    /*=========================== INSTANT CONTENT SECTION ============================*/
    .instant-section {
        margin-top: -160px;
    }
    .instant-row {
        padding-top: 140px;
    }
    .instant-row:before {
        right: 180px;
        top: -260px;
    }
    .instant-col-right {
        padding-top: 65px;
    }
    .instant-col-contnet {
        background-size: contain;
        padding-top: 45px;
        padding-bottom: 180px;
        padding-left: 0;
        text-align: center;
    }
    .instant-col-contnet:before {
        top: -97px;
        width: 140px;
        height: 109px;
    }
    .instant-col-contnet h1 {
        padding-left: 110px;
    }
    .instant-col-contnet h1 span {
        padding: 56px 25px;
        font-size: 30px;
    }
    .instant-col-contnet img {
        margin-top: 20px;
    }
    /*========================= CUSTOMIZE & PUBLISH SECTION ==========================*/
    .publish-section {
        margin-top: -200px;
    }
    .publish-col-left {
        padding-left: 150px;
        padding-top: 290px;
        width: 78%;
    }
    .p-top-content:before {
        width: 65px;
        height: 197px;
        left: -80px;
        top: 112px;
    }
    .p-top-content h1 span {
        padding: 56px 25px;
        font-size: 30px;
    }
    .p-top-content img {
        max-width: 50%;
        margin-top: 20px;
    }
    .p-top-content h2 {
        font-size: 18px;
        padding-top: 20px;
    }
    .p-top-content p {
        font-size: 13px;
        padding-top: 15px;
    }
    .p-top-c-span {
        font-size: 17px;
        padding: 0;
        padding-top: 15px;
    }
    .p-bottom-content p {
        font-size: 12px;
        width: 86%;
        padding-left: 16px;
    }
    .publish-col-right img {
        max-width: 70%;
    }
    /*============================ DROPPING EBOOK SECTION ============================*/
    .dropping-row {
        padding-top: 235px;
    }
    .dropping-row h2 {
        font-size: 50px;
    }
    .dropping-col {
        margin-top: 0;
    }
    /*=========================== PUBLISH DIRECTLY SECTION ===========================*/
    .directly-section {
        background-size: 100% 100%;
    }
    .directly-section {
        margin-top: -70px;
    }
    .directly-row {
        padding-top: 100px;
    }
    .dir-top-content h2 {
        font-size: 40px;
    }
    .directly-panel-content {
        padding-left: 50px;
        padding-right: 15px;
        padding-top: 0;
    }
    .directly-panel-content h3 {
        font-size: 26px;
    }
    .directly-list {
        margin-top: 70px;
    }
    .directly-list li {
        padding-top: 30px;
    }
    .directly-list-2 .directly-panel-content {
        padding-top: 25px;
    }
    /*============================= HIGHER PRICE SECTION =============================*/
    .price-left {
        padding-left: 40px;
    }
    .price-left h1 {
        font-size: 32px;
    }
    .price-left p {
        font-size: 14px;
    }
    .price-left p br {
        display: none;
    }
    .p-left-img img {
        max-width: 100%;
    }
    .p-slider-image img {
        max-width: 20%;
    }
    .price-slider .carousel-item p {
        font-size: 18px;
    }
    /*=============================== ENGAGED SECTION ================================*/
    .engaged-section {
        padding-top: 90px;
    }
    .engaged-panel-content {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
    }
    .engaged-panel-content h3 {
        font-size: 30px;
    }
    .engaged-panel-content p br, .engaged-panel-content h3 br, .engaged-panel-content h4 br {
        display: none;
    }
    .engaged-panel-content h4 {
        font-size: 26px;
    }
    .engaged-panel {
        margin-top: -30px;
    }
    .engaged-row {
        padding-top: 0px;
    }
    .engaged-row h2 {
        font-size: 32px;
    }
    .engaged-panel-content h4:before {
        bottom: 50px;
    }
    .engaged-panel-row:after {
        width: 65px;
        height: 95px;
        bottom: -10px;
        margin-right: -120px;
    }
    .engaged-panel-row:before {
        display: none;
    }
    /*============================== EXPENSIVE SECTION ===============================*/
    .expensive-section {
        margin-top: -60px;
        padding-top: 80px;
        padding-bottom: 190px;
    }
    .expensive-col-left {
        padding-left: 15px;
    }
    .expensive-col-left h2 {
        font-size: 30px;
    }
    .expensive-col-left p br {
        display: none;
    }

    /*========================== AUTOMATIC CONTENT SECTION ===========================*/
    .automatic-content {
        margin-left: 20px;
    }
    .automatic-content p br {
        display: none;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .table-col-left {
        margin-left: 10%;
        flex: 40%;
        max-width: 40%;
    }
    .table-col-right {
        padding-top: 10px;
        flex: 50%;
        max-width: 50%;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .header-section {
        padding-top: 50px;
    }
    .header-section:before {
        top: 10px;
    }
    .header-section:after {
        width: 8%;
        bottom: -67px;
    }
    .header-content p br {
        display: none;
    }
    /*============================== DRAG DROP SECTION ===============================*/
    .drag-section {
        padding: 130px 0;
        padding-top: 120px;
    }
    .drag-col-left {
        padding-top: 52px;
    }
    .drag-col-right {
        margin-left: 0;
    }
    /*============================= CUSTOMIZABLE SECTION =============================*/
    .customizable-row {
        height: 370px;
        margin-top: -24px;
    }
    .row-3 {
        margin-top: -47px;
    }
    .customizable-content h1 {
        padding-bottom: 0;
    }
    .customizable-content p {
        line-height: 25px;
        padding-top: 15px;
    }
    /*============================== EVER NEED SECTION ===============================*/
    .need-section {
        margin-top: -70px;
        padding-top: 60px;
        padding-bottom: 150px;
    }
    .need-section:before {
        top: 15%;
        width: 35%;
    }
    .need-section h1 {
        font-size: 40px;
        padding-top: 190px;
        padding-bottom: 50px;
    }
    .need-col p {
        font-size: 14px;
        padding-top: 25px;
    }
    .need-col p br {
        display: none;
    }
    .need-row {
        padding-top: 70px;
    }
    /*============================= ACCESS TABLE SECTION =============================*/
    .access-content h2 {
        font-size: 30px;
        padding-bottom: 30px;
    }
    .access-content a {
        font-size: 15px;
        border-radius: 50px;
        padding: 16px 35px;
    }
    /*============================ GORGEOUS TABLE SECTION ============================*/
    .go-top-left h1 {
        font-size: 56px;
    }
    .go-top-left p {
        font-size: 26px;
    }
    .gorgeous-row-center {
        margin-top: -20px;
    }
    .gorgeous-row-bottom {
        margin-top: -180px;
    }
    .go-top-left span {
        font-size: 24px;
    }
    /*=============================== TEMPLATE SECTION ===============================*/
    .template-section {
        margin-top: -170px;
        padding-top: 200px;
    }
    .template-col-left h1 {
        font-size: 38px;
    }
    .template-col-left h2 {
        font-size: 37px;
    }
    /*================================ SINGLE SECTION ================================*/
    .single-section {
        padding: 70px 50px;
        padding-bottom: 15px;
    }
    .single-col-left h1 {
        font-size: 26px;
        padding-bottom: 25px;
    }
    .single-col-left p {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .single-col-left p br {
        display: none;
    }
    /*================================= WORK SECTION =================================*/
    .work-row {
        padding: 0 30px;
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .work-col-left h1 {
        font-size: 36px;
    }
    .work-col-left p br {
        display: none;
    }
    /*================================= ORDER SECTION ================================*/
    .order-section {
        padding: 35px 50px;
        padding-bottom: 50px;
    }
    .order-col-right h1 {
        font-size: 35px;
    }
    .order-col-right p {
        font-size: 14px;
    }
    .order-col-right p br {
        display: none;
    }
    /*============================== COMPETITION SECTION =============================*/
    .competition-col-right h1 {
        font-size: 32px;
    }
    /*================================== NEWS SECTION ================================*/
    .news-col-span {
        font-size: 45px;
        line-height: 45px;
    }
    .news-col-right {
        padding-top: 0;
    }
    .news-col-right h2 {
        font-size: 35px;
    }
    .news-col-right p {
        font-size: 15px;
    }
    /*=============================== COMMERCIAL SECTION =============================*/
    .commercial-span {
        font-size: 27px;
    }
    .commercial-col-right h2 {
        font-size: 45px;
    }
    .commercial-col-right p {
        font-size: 19px;
    }
    /*================================ LICENSE SECTION ===============================*/
    .licence-section {
        padding-top: 60px;
    }
    .licence-section h1 {
        font-size: 38px;
    }
    .licence-col-right {
        padding-top: 50px;
    }
    .licence-col-right h2 {
        font-size: 32px;
        padding-bottom: 20px;
    }
    .licence-col-right p {
        font-size: 16px;
        line-height: 1.7;
    }
    .licence-col-right p br {
        display: none;
    }
    .licence-row-bottom {
        margin-top: -50px;
    }
    .licence-b-col-right {
        padding-right: 0;
        margin-left: 0;
        flex: 50%;
        max-width: 50%;
    }
    .licence-b-col-span {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .licence-b-col-right h2 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .licence-b-col-right p {
        line-height: 1.7;
    }
    .licence-b-col-right p br {
        display: none;
    }
    /*================================= BONUS SECTION ================================*/
    .bonus-section {
        padding-top: 10%;
        padding-bottom: 26%;
    }
    .bonus-section:before {
        top: 21%;
    }
    .bonus-top-col-span {
        font-size: 21px;
        margin-bottom: 25px;
    }
    .bonus-top-col-right h2 {
        padding-bottom: 25px;
    }
    .bonus-top-col-right p {
        font-size: 14px;
    }
    .bonus-list {
        padding-top: 40px;
    }
    .bonus-list h3 {
        padding-bottom: 25px;
    }
    .bonus-list li div p br {
        display: none;
    }
    .bonus-bottom-row {
        padding-top: 50px;
    }
    .bonus-bottom-col-right h3 {
        font-size: 18px;
        padding: 30px 45px;
        margin-bottom: 25px !important;
    }
    .bonus-bottom-col-right p {
        font-size: 16px;
        padding-left: 45px;
        padding-bottom: 20px;
    }
    /*=============================== EXCITING SECTION ===============================*/
    .exciting-col-right p {
        font-size: 28px;
    }
    /*================================ DEMAND SECTION ================================*/
    .demand-list:before {
        width: 3px;
    }
    .demand-circle {
        width: 25px;
        height: 25px;
        margin-left: -11px;
        border: 4px solid #ffe5a4;
    }
    .demand-panel-content h3 {
        font-size: 24px;
    }
    .demand-list {
        margin-top: 50px;
    }
    .demand-list-2 {
        margin-top: 0;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        padding-left: 50px;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        margin-top: -160px;
    }
    .demand-list-3 .demand-panel {
        margin-top: -120px;
    }
    .demand-panel-content h4 {
        font-size: 18px;
    }
    .demand-panel-content p {
        font-size: 14px;
    }
    /*================================= CASH SECTION =================================*/
    .cash-row {
        padding-top: 20px;
    }
    .cash-col-left h1 {
        font-size: 27px;
    }
    .cash-col-left h1 br, .demand-panel-content p br {
        display: none;
    }
    /*================================ CLIENT SECTION ================================*/
    .client-section {
        margin-top: 40px;
        padding-top: 30px;
        padding-bottom: 410px;
    }
    .client-col-left {
        padding-top: 100px;
    }
    .client-col-right h1 {
        font-size: 26px;
    }
    .client-list {
        padding-top: 25px;
    }
    .client-list li {
        padding-bottom: 10px;
    }
    .client-list p {
        font-size: 14px;
        width: 88%;
    }
    .client-b-col h2 {
        font-size: 30px;
        padding-top: 20px;
    }
    /*================================ AGENCY SECTION ================================*/
    .agency-section {
        background-image: url(img/bg/section-39-res.png);
    }
    .agency-col-left {
        padding-left: 15px;
    }
    .agency-col-left h1 {
        font-size: 20px;
    }
    .agency-col-left h2 {
        font-size: 23px;
    }
    .agency-col-left h2 br, .agency-col-left p br {
        display: none;
    }
    /*============================= TESTIMONIAL SECTION ==============================*/
    .testimonial-section:before {
        width: 80px;
        height: 90px;
        left: 81px;
        top: 20px;
    }
    .testimonial-section:after {
        width: 90px;
        height: 110px;
        right: 0;
        bottom: -105px;
    }
    .testimonial-row {
        padding-top: 60px;
    }
    .testimonial-col {
        padding: 0 15px;
        padding-bottom: 30px;
    }
    .testimonial-main {
        padding-left: 20px;
    }
    .tes-c-head img {
        width: 20px;
    }
    .tes-c-head div {
        padding-top: 0;
        padding-left: 10px;
    }
    .tes-c-head div h3 {
        font-size: 16px;
    }
    .tes-c-head div p {
        font-size: 9px;
    }
    .tes-c-img {
        margin-top: -10px;
    }
    /*================================= RECAP SECTION ================================*/
    .recap-section {
        padding-top: 120px;
        padding-bottom: 160px;
    }
    .recap-section:before {
        width: 95px;
        height: 160px;
        left: 100px;
        top: -25px;
    }
    /*================================= INCLUDED SECTION ================================*/
    .included-row {
        padding-top: 50px;
    }
    .included-col h3 {
        padding-top: 10px;
    }
    .included-col p br {
        display: none;
    }
    /*=================================== SAVE SECTION ==================================*/
    .save-section {
        background-size: 100% 100%;
        padding-top: 200px;
        padding-bottom: 40px;
    }
    .save-col-right h3 {
        font-size: 70px;
    }
    .save-col-right h4 {
        font-size: 40px;
    }
    .save-col-right p {
        font-size: 23px;
    }
    .save-btn {
        font-size: 35px;
        padding: 12px 40px;
        border-radius: 25px;
    }
    /*================================= STUNNING SECTION ================================*/
    .stunning-row {
        padding-top: 30px;
    }
    .stunning-col-left h2 {
        font-size: 37px;
        padding-bottom: 30px;
    }
    .stunning-list li {
        padding-bottom: 15px;
    }
    .stunning-list li p {
        font-size: 16px;
        width: 93%;
    }
    .stunning-btn a {
        font-size: 20px;
        padding: 20px 40px;
        border: 3px solid transparent;
    }
    .stunning-btn a:hover, .stunning-btn a:focus {
        border: 3px solid #4c55f2;
    }
    /*================================== MONEY SECTION ==================================*/
    .money-section {
        margin-top: 35px;
        padding-top: 30px;
    }
    .money-col-right h2 {
        font-size: 38px;
    }
    .money-col-right p {
        font-size: 15px;
    }
    /*=================================== ABOUT SECTION =================================*/
    .about-section {
        margin-top: 40px;
        padding: 30px;
    }
    .a-top-right {
        padding-left: 40px;
    }
    .about-col-right h2 {
        font-size: 36px;
    }
    .about-col-right p {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .about-col-right p br {
        display: none;
    }
    .about-col-right img {
        max-width: 35%;
    }
    /*================================ FREQUENTLY SECTION ===============================*/
    .frequently-section {
        padding-top: 40px;
    }
    .frequently-section h1 {
        font-size: 30px;
    }
    .frequently-row {
        padding-top: 40px;
    }
    .frequently-col {
        padding-bottom: 40px;
    }
    .frequently-col span {
        width: 15px;
        height: 15px;
    }
    .frequently-col div {
        width: 94%;
    }
    .frequently-col div h2 {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .frequently-col div p {
        font-size: 13px;
    }
    /*================================== FOOTER SECTION =================================*/
    .footer-section {
        padding-top: 150px;
        padding-bottom: 55px;
    }
    .footer-col img {
        max-width: 45%;
    }
    .footer-list li {
        padding: 0 30px;
    }
    /*================================== EFFORT SECTION =================================*/
    .effort-section {
        background-size: cover;
    }
    .effort-col-right {
        padding-left: 15px;
    }
    .effort-col-btn {
        font-size: 25px;
        padding: 18px 50px;
        margin-bottom: 30px;
    }
    .effort-col-right p {
        padding-bottom: 20px;
    }
    .drag-content p:last-child br {
        display: none;
    }

}
@media only screen and (min-width:768px) and (max-width:991px) {
    /*================================ HOME SECTION ==================================*/
    .home-section {
        background-image: url(img/bg/section-1-responsive.png);
        background-size: cover;
    }
    .home-top-img {
        padding: 20px 0;
    }
    .home-top-img img {
        width: 290px;
    }
    .home-top h1 br {
        display: none;
    }
    .home-top h1 {
        /*font-size: 28px;*/
        padding: 5px 0;
    }
    .home-top h1 span {
        border-bottom: 3px solid;
    }
    .home-top p {
        font-size: 14px;
        padding-bottom: 0;
        margin-bottom: -0 !important;
    }
    .home-row {
        padding-bottom: 50px;
    }
    .home-row:before {
        display: none;
    }
    .home-col-lap-head {
        font-size: 16px;
    }
    .home-col-btn a {
        font-size: 15px;
        padding: 12px 30px;
    }
    .home-row .align-self-start {
        position: relative;
        top: 15px;
    }

    /*---------- Home Video Overlay -----------*/
    #inner-box p {
        font-size: 40px;
    }
    #inner-box img {
        width: 100px;
    }
    .overlay iframe {
        height: 390px;
    }
    .inner-box-main {
        left: 50%;
        width: 690px;
        margin-left: -345px;
        height: 390px;
    }
    /*-------- Home Video Overlay End ---------*/
    .home-col-btn {
        margin-bottom: 40px;
    }
    .home-left-col {
        margin-top: 0;
    }
    .home-left-col li {
        padding-top: 10px;
    }
    /*============================ INTRODUCING SECTION ===============================*/
    .introducing-top {
        padding-top: 10px;
    }
    .introducing-top h3 {
        font-size: 13px;
        line-height: 17px;
    }
    .introducing-top div img {
        width: 175px;
    }
    .introducing-top span {
        font-size: 16px;
    }
    .introducing-row {
        padding-top: 20px;
        padding-bottom: 140px;
    }
    .int-row-col-1 {
        width: 50%;
    }
    .int-row-col-1 img {
        max-width: 100%;
    }
    .introducing-row .align-self-center {
        width: 50%;
        margin-top: 20px;
    }
    .int-col-left:before {
        background-size: 75%;
        width: 50px;
        height: 160px;
        left: -6px;
        top: 11px;
        z-index: -1;
    }
    .int-col-right:before {
        background-size: 75%;
        width: 50px;
        height: 160px;
        right: -20px;
        top: 4px;
        z-index: -1;
    }
    .int-col-left, .int-col-right {
        width: 50%;
        max-width: 50%;
        flex: 50%;
        margin: 0;
    }
    .int-col-right {
        margin-left: -5px;
    }
    .int-col-btn {
        padding-top: 25px;
    }
    .int-col-btn a {
        font-size: 12px;
        padding: 14px 17px;
    }
    /*============================== BENEFITS SECTION ================================*/
    .benefits-top h3 {
        padding-top: 25px;
        font-size: 25px;
    }
    .benefits-row .col-md-4 {
        padding-top: 40px;
        width: 50%;
    }
    .benefits-row img {
        width: auto;
        max-width: 75%;
    }
    .benefits-row .col-md-4 div {
        width: auto;
    }
    /*================================ DEMO SECTION ==================================*/
    .demo-top {
        padding-top: 120px;
    }
    .demo-top h3 {
        font-size: 32px;
    }
    .demo-top p {
        font-size: 20px;
    }
    .demo-row {
        padding-top: 30px;
        margin-left: 90px;
        margin-right: 0;
        text-align: center;
    }
    .demo-play img {
        width: 60px;
    }
    .demo-play {
        margin-top: -95px;
        margin-left: -93px;
    }
    .demo-video {
        top: 5%;
        left: 7.5%;
        margin-left: 0;
        margin-top: 0;
        width: 65%;
        height: 55%;
    }
    .demo-video iframe {
        width: 100%;
        height: 100%;
    }
    .demo-content {
        margin-top: 20px;
    }
    .demo-content .col-md-6 {
        flex: 58.33%;
        max-width: 58.33%;
    }
    .demo-content span {
        width: 92%;
    }
    /*======================== DIGITAL INFO PRODUCT SECTION ==========================*/
    .digital-section {
        margin-top: 0;
    }
    .digital-top {
        padding-top: 90px;
    }
    .digital-top h3 {
        font-size: 30px;
        padding-top: 30px;
    }
    .dig-r-head {
        font-size: 35px;
    }
    .digital-row {
        padding-top: 40px;
    }
    .digital-list {
        padding-top: 20px;
    }
    .digital-list:before {
        content: none;
    }
    .digital-list li {
        padding-bottom: 15px;
    }
    .digital-list li p {
        font-size: 14px;
        padding-left: 15px;
        width: 79%;
    }
    /*============================ INSTALLATION SECTION ==============================*/
    .install-section {
        margin-top: -40px;
    }
    .install-row {
        padding-top: 20%;
    }
    .install-col-right h2 {
        font-size: 26px;
    }
    .install-col-right a {
        font-size: 20px;
        padding: 16px 30px;
        margin-top: 30px;
    }
    /*============================ EBOOK CREATOR SECTION =============================*/
    .creator-col-right h2 {
        font-size: 26px;
    }
    .cre-c-r-span {
        font-size: 10px;
        padding: 6px 25px;
        margin-top: 15px;
    }
    .creator-col-right p {
        font-size: 10px;
        padding-top: 15px;
    }
    .creator-cont-row {
        padding-top: 20px;
    }
    .creator-col-left h1 {
        font-size: 20px;
    }
    .creator-col-left h2 {
        font-size: 29px;
    }
    .cre-c-r-middle {
        padding-bottom: 30px;
        padding-right: 0;
    }
    .creator-cont-row img {
        width: 65px;
    }
    .creator-cont-row span {
        display: inline-block;
        font-size: 12px;
        padding-left: 10px;
    }
    .creator-bottom-row {
        padding-top: 15%;
        padding-bottom: 24%;
    }
    .creator-bottom-row  .col-md-5 img {
        max-width: 75%;
    }
    .creator-bottom-row .col-md-5 div {
        padding-top: 30px;
        padding-left: 15px;
    }
    .creator-bottom-row h4 {
        font-size: 28px;
    }
    .creator-bottom-row p {
        font-size: 13px;
        padding-bottom: 20px;
    }
    .creator-bottom-row p br {
        display: none;
    }
    .creator-bottom-row .col-md-7 img {
        max-width: 90%;
    }
    /*=========================== INSTANT CONTENT SECTION ============================*/
    .instant-section {
        margin-top: -125px;
    }
    .instant-row {
        padding-top: 120px;
    }
    .instant-row:before {
        right: 140px;
        top: -300px;
    }
    .instant-list {
        padding-top: 20px;
    }
    .instant-list li {
        padding-bottom: 25px;
    }
    .instant-list li p {
        font-size: 12px;
        padding-top: 20px;
    }
    .instant-col-right {
        padding-top: 65px;
    }
    .instant-col-contnet {
        background-size: contain;
        padding-top: 25px;
        padding-bottom: 110px;
        padding-left: 0;
        text-align: center;
    }
    .instant-col-contnet:before {
        top: -100px;
        width: 150px;
        height: 105px;
    }
    .instant-col-contnet h1 {
        padding-left: 70px;
    }
    .instant-col-contnet h1 span {
        padding: 35px 15px;
        font-size: 20px;
    }
    .instant-col-contnet img {
        margin-top: 10px;
    }
    .instant-col-contnet h2 {
        font-size: 24px;
    }
    .instant-col-contnet p {
        font-size: 11px;
        padding-top: 10px;
    }
    /*========================= CUSTOMIZE & PUBLISH SECTION ==========================*/
    .publish-section {
        margin-top: -200px;
    }
    .publish-col-left {
        padding-left: 100px;
        width: 72%;
    }
    .p-top-content:before {
        width: 60px;
        height: 185px;
        left: -80px;
        top: 112px;
    }
    .p-top-content h1 span {
        padding: 43px 22px;
        font-size: 20px;
    }
    .p-top-content img {
        max-width: 60%;
        margin-top: 20px;
    }
    .p-top-content h2 {
        font-size: 18px;
        padding-top: 20px;
    }
    .p-top-content p {
        font-size: 13px;
        padding-top: 15px;
    }
    .p-top-content p br, .p-bottom-content p br {
        display: none;
    }
    .p-top-c-span {
        font-size: 16px;
        padding: 0;
        padding-top: 15px;
    }
    .p-bottom-content p {
        font-size: 13px;
        width: 82%;
        padding-left: 18px;
    }
    .publish-col-right {
        padding-top: 150px;
    }
    .publish-col-right img {
        max-width: 80%;
    }
    /*============================ DROPPING EBOOK SECTION ============================*/
    .dropping-row {
        padding-top: 235px;
    }
    .dropping-row h2 {
        font-size: 44px;
    }
    .dropping-col {
        margin-top: 0;
    }
    /*=========================== PUBLISH DIRECTLY SECTION ===========================*/
    .directly-section {
        background-size: cover;
        margin-top: -70px;
    }
    .directly-row {
        padding-top: 100px;
    }
    .dir-top-content h2 {
        font-size: 40px;
        padding-top: 20px;
    }
    .directly-panel-content {
        padding-left: 40px;
        padding-right: 15px;
        padding-top: 0;
    }
    .directly-panel-content h3 {
        font-size: 21px;
    }
    .directly-panel-content p br {
        display: none;
    }
    .directly-list {
        margin-top: 70px;
    }
    .directly-list li {
        padding-top: 30px;
    }
    .directly-list-2 .directly-panel-content {
        padding-top: 25px;
    }
    /*============================= HIGHER PRICE SECTION =============================*/
    .price-left {
        padding-left: 40px;
    }
    .price-left h1 {
        font-size: 27px;
    }
    .price-left p {
        font-size: 14px;
        padding-top: 15px;
    }
    .price-left p br {
        display: none;
    }
    .p-left-img img {
        max-width: 100%;
    }
    .p-left-img {
        padding-top: 30px;
    }
    .p-slider-image img {
        max-width: 20%;
    }
    .price-slider .carousel-item p {
        font-size: 18px;
    }
    /*=============================== ENGAGED SECTION ================================*/
    .engaged-section {
        padding-top: 90px;
    }
    .engaged-panel-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
    }
    .engaged-panel-content h3 {
        font-size: 24px;
        padding-bottom: 25px;
    }
    .engaged-panel-content p br, .engaged-panel-content h3 br, .engaged-panel-content h4 br {
        display: none;
    }
    .engaged-panel-content h4 {
        font-size: 23px;
        padding-top: 10px;
    }
    .engaged-panel {
        margin-top: -20px;
    }
    .engaged-row {
        padding-top: 0px;
    }
    .engaged-row h2 {
        font-size: 28px;
    }
    .engaged-panel-content h4:before, .engaged-panel-row:before, .engaged-panel-row:after  {
        display: none;
    }
    /*============================== EXPENSIVE SECTION ===============================*/
    .expensive-section {
        margin-top: -60px;
        padding-bottom: 190px;
    }
    .expensive-col-left {
        padding-left: 15px;
    }
    .expensive-col-left h2 {
        font-size: 23px;
        padding-bottom: 20px;
    }
    .expensive-col-left p br {
        display: none;
    }

    /*========================== AUTOMATIC CONTENT SECTION ===========================*/
    .automatic-col-left {
        margin-top: 0;
    }
    .automatic-content {
        padding: 25px;
        margin-left: 0;
    }
    .automatic-content h1 {
        font-size: 26px;
        padding-top: 5px;
    }
    .automatic-content h2 {
        font-size: 24px;
        padding-top: 18px;
    }
    .automatic-content p {
        padding-top: 15px;
    }
    .automatic-content p br {
        display: none;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .table-col-left {
        margin-left: 10%;
        flex: 40%;
        max-width: 40%;
    }
    .table-content {
        padding-bottom: 15%;
    }
    .table-content h1 {
        font-size: 25px;
        padding-top: 5px;
    }
    .table-content p {
        padding-top: 15px;
    }
    .table-col-right {
        padding-top: 10px;
        flex: 50%;
        max-width: 50%;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .header-section {
        padding-top: 50px;
    }
    .header-section:before {
        top: 10px;
    }
    .header-section:after {
        width: 8%;
        bottom: -67px;
    }
    .header-content {
        padding: 30px;
        padding-bottom: 50px;
    }
    .header-content h1 {
        font-size: 27px;
    }
    .header-content p br {
        display: none;
    }
    /*============================== DRAG DROP SECTION ===============================*/
    .drag-section {
        padding: 130px 0;
        padding-top: 120px;
    }
    .drag-col-left {
        padding-top: 52px;
    }
    .drag-col-right {
        margin-left: 0;
    }
    /*============================= CUSTOMIZABLE SECTION =============================*/
    .customizable-row {
        height: 300px;
        margin-top: -20px;
    }
    .customizable-content {
        padding: 0 20px;
    }
    .customizable-content h1 {
        font-size: 21px;
        padding-bottom: 0;
    }
    .customizable-content p {
        font-size: 13px;
        line-height: 20px;
        padding-top: 15px;
    }
    /*============================== EVER NEED SECTION ===============================*/
    .need-section {
        margin-top: -70px;
        padding-top: 60px;
        padding-bottom: 120px;
    }
    .need-section:before {
        top: 20%;
    }
    .need-section h1 {
        font-size: 30px;
        padding-top: 195px;
        padding-bottom: 50px;
    }
    .need-col p {
        font-size: 13px;
        padding-top: 25px;
    }
    .need-col p br {
        display: none;
    }
    .need-row {
        padding-top: 40px;
    }
    /*============================= ACCESS TABLE SECTION =============================*/
    .access-content h2 {
        font-size: 22px;
        padding-bottom: 25px;
    }
    .access-content a {
        font-size: 14px;
        border-radius: 50px;
        padding: 14px 25px;
    }
    /*============================ GORGEOUS TABLE SECTION ============================*/
    .go-top-left {
        margin-left: 0;
    }
    .go-top-left span {
        font-size: 17px;
    }
    .go-top-left h1 {
        font-size: 40px;
        padding-bottom: 10px;
    }
    .go-top-left p {
        font-size: 21px;
    }
    .go-top-right {
        flex: 66.5%;
        max-width: 66.5%;
    }
    .gorgeous-row-center {
        margin-top: 0;
    }
    .gorgeous-row-bottom {
        margin-top: -145px;
    }
    /*=============================== TEMPLATE SECTION ===============================*/
    .template-section {
        margin-top: -100px;
        padding-top: 200px;
    }
    .template-col-left h1 {
        font-size: 29px;
    }
    .template-col-left h2 {
        font-size: 27px;
    }
    .template-col-left p {
        font-size: 15px;
        padding-bottom: 25px;
    }
    .template-col-left a {
        font-size: 15px;
        padding: 22px 25px;
    }
    /*================================ SINGLE SECTION ================================*/
    .single-section {
        background-size: 100% 100%;
        padding: 90px 29px;
        padding-bottom: 50px;
    }
    .single-col-left h1 {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .single-col-left p {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .single-col-left p br {
        display: none;
    }
    /*================================= WORK SECTION =================================*/
    .work-row {
        padding: 0 30px;
        padding-top: 30px;
    }
    .work-col-left h1 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .work-col-left p {
        font-size: 13px;
        padding-bottom: 15px;
    }
    .work-col-left p br {
        display: none;
    }
    /*================================= ORDER SECTION ================================*/
    .order-section {
        padding: 25px 50px;
        padding-bottom: 50px;
    }
    .order-col-right:before, .order-col-right:after {
        width: 30px;
        height: 30px;
    }
    .order-col-right:before {
        top: -25px;
    }
    .order-col-right:after {
        right: 160px;
        bottom: -33px;
    }
    .order-col-right h1 {
        font-size: 25px;
    }
    .order-col-right p {
        font-size: 13px;
    }
    .order-col-right p br {
        display: none;
    }
    /*============================== COMPETITION SECTION =============================*/
    .competition-col-right h1 {
        font-size: 23px;
        padding-bottom: 20px;
    }
    .competition-col-right p {
        padding-bottom: 10px;
    }
    .competition-list {
        padding-bottom: 20px;
    }
    .competition-list li div h3 {
        font-size: 17px;
    }
    .competition-list li div p {
        font-size: 13px;
    }
    /*================================== NEWS SECTION ================================*/
    .news-section {
        background-size: 100%;
        padding-top: 75px;
        padding-bottom: 50%;
        margin-top: 30px;
    }
    .news-col-span {
        background-size: 100% 100%;
        font-size: 30px;
        line-height: 40px;
        padding: 0 70px 7px 20px;
    }
    .news-col-right {
        padding-top: 0;
        margin-top: -50px;
    }
    .news-col-right h2 {
        font-size: 35px;
        padding-top: 15px;
    }
    .news-col-right p {
        font-size: 14px;
        padding-top: 15px;
    }
    /*=============================== COMMERCIAL SECTION =============================*/
    .commercial-span {
        font-size: 19px;
        padding: 20px 30px;
    }
    .commercial-col-right h2 {
        font-size: 36px;
        padding-top: 20px;
    }
    .commercial-col-right p {
        font-size: 15px;
        padding-left: 30px;
        padding-top: 15px;
    }
    .commercial-col-right p br {
        display: none;
    }
    /*================================ LICENSE SECTION ===============================*/
    .licence-section {
        padding-top: 50px;
    }
    .licence-section h1 {
        font-size: 32px;
    }
    .licence-row {
        padding-top: 50px;
    }
    .licence-col-right {
        padding-top: 30px;
    }
    .licence-col-right h2 {
        font-size: 26px;
        padding-bottom: 15px;
    }
    .licence-col-right p {
        font-size: 14px;
        line-height: 1.7;
    }
    .licence-col-right p br {
        display: none;
    }
    .licence-row-bottom {
        margin-top: 5%;
    }
    .licence-b-col-right {
        padding-right: 0;
        margin-left: 0;
        flex: 50%;
        max-width: 50%;
    }
    .licence-b-col-span {
        font-size: 15px;
        padding: 20px 29px;
        margin-bottom: 20px;
    }
    .licence-b-col-right h2 {
        font-size: 21px;
        padding-bottom: 15px;
        padding-left: 27px;
    }
    .licence-b-col-right p {
        font-size: 14px;
        line-height: 1.7;
        padding-left: 27px;
    }
    .licence-b-col-right p br {
        display: none;
    }
    /*================================= BONUS SECTION ================================*/
    .bonus-section {
        margin-top: 60px;
        padding-top: 90px;
        padding-bottom: 125px;
    }
    .bonus-section:before {
        top: 25%;
    }
    .bonus-top-col-span {
        font-size: 17px;
        padding: 16px 20px;
        margin-bottom: 15px;
    }
    .bonus-top-col-right h2 {
        font-size: 30px;
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .bonus-top-col-right p {
        font-size: 14px;
        padding-left: 20px;
    }
    .bonus-top-col-right p br {
        display: none;
    }
    .bonus-list {
        padding: 0 20px;
        padding-top: 30px;
    }
    .bonus-list h3 {
        font-size: 28px;
        padding-bottom: 25px;
    }
    .bonus-list li:before {
        top: 30%;
    }
    .bonus-list li span {
        font-size: 12px;
        line-height: 12px;
        padding: 10px 20px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .bonus-list li div p {
        font-size: 12px;
        padding-left: 10px;
    }
    .bonus-list li div p br {
        display: none;
    }
    .bonus-bottom-col-right h3 {
        font-size: 15px;
        padding: 26px 40px;
        margin-top: 5px !important;
        margin-bottom: 20px !important;
    }
    .bonus-bottom-col-right h3 br, .bonus-bottom-col-right p br {
        display: none;
    }
    .bonus-bottom-col-right p {
        font-size: 15px;
        padding-left: 40px;
        padding-right: 20px;
        padding-bottom: 15px;
    }
    /*=============================== EXCITING SECTION ===============================*/
    .exciting-col-right p {
        font-size: 23px;
        padding: 25px 60px;
    }
    /*================================ DEMAND SECTION ================================*/
    .demand-list:before {
        width: 3px;
    }
    .demand-circle {
        width: 25px;
        height: 25px;
        margin-left: -11px;
        border: 4px solid #ffe5a4;
    }
    .demand-panel {
        margin-top: -20px;
        padding-right: 50px;
    }
    .demand-panel-content {
        padding-left: 40px;
        padding-top: 25px;
    }
    .demand-panel-content h3 {
        font-size: 18px;
    }
    .demand-list {
        margin-top: 50px;
    }
    .demand-list-2 {
        margin-top: 0;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        padding-left: 50px;
    }
    .demand-list-2 .demand-panel-content {
        padding-right: 50px;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        margin-top: -120px;
    }
    .demand-list-3 .demand-panel {
        margin-top: -80px;
    }
    .demand-panel-content h4 {
        font-size: 14px;
        padding-bottom: 15px;
        margin-top: -10px !important;;
    }
    .demand-panel-content p {
        font-size: 11px;
    }
    /*================================= CASH SECTION =================================*/
    .cash-row {
        padding-top: 20px;
    }
    .cash-col-left h1 {
        font-size: 19px;
        padding-bottom: 25px;
    }
    .cash-col-left p {
        font-size: 13px;
        padding-bottom: 15px;
    }
    .cash-col-left h2 {
        font-size: 19px;
        padding-bottom: 15px;
    }
    .cash-col-left h1 br, .demand-panel-content p br {
        display: none;
    }
    /*================================ CLIENT SECTION ================================*/
    .client-section {
        margin-top: 40px;
        padding-top: 30px;
        padding-bottom: 410px;
    }
    .client-col-left {
        padding-top: 100px;
    }
    .client-col-right h1 {
        font-size: 20px;
        margin-top: 25px !important;
    }
    .client-list {
        padding-top: 25px;
    }
    .client-list li {
        padding-bottom: 10px;
    }
    .client-list p {
        font-size: 14px;
        width: 86%;
        margin-left: 15px !important;
    }
    .client-b-col h2 {
        font-size: 24px;
        padding-top: 10px;
    }
    /*================================ AGENCY SECTION ================================*/
    .agency-section {
        background-image: url(img/bg/section-39-res.png);
    }
    .agency-col-left {
        padding-top: 260px;
    }
    .agency-col-left h1 {
        font-size: 15px;
        padding: 16px 20px;
        margin-bottom: 15px;
    }
    .agency-col-left h2 {
        font-size: 20px;
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .agency-col-left h2 br, .agency-col-left p br {
        display: none;
    }
    .agency-col-left p {
        font-size: 13px;
    }
    /*============================= TESTIMONIAL SECTION ==============================*/
    .testimonial-section:before {
        width: 80px;
        height: 90px;
        left: 81px;
        top: 20px;
    }
    .testimonial-section:after {
        width: 90px;
        height: 110px;
        right: 0;
        bottom: -105px;
    }
    .testimonial-row {
        padding-top: 60px;
    }
    .testimonial-col {
        padding: 0 80px;
        padding-bottom: 20px;
        max-width: 100%;
        flex: 100%;
    }
    .tes-c-head img {
        width: 30px;
    }
    .tes-c-head div h3 {
        font-size: 20px;
    }
    .tes-c-center p {
        font-size: 16px;
    }

    .tes-c-head div {
        padding-top: 0;
        padding-left: 10px;
    }
    .tes-c-img {
        margin-top: -10px;
    }

    /*================================= RECAP SECTION ================================*/
    .recap-section:before {
        width: 95px;
        height: 160px;
        left: 100px;
        top: -25px;
    }
    .recap-section h1 {
        font-size: 40px;
    }
    .recap-col {
        padding-top: 50px;
    }
    .recap-col p br {
        display: none;
    }
    /*================================= ULTIMATE SECTION ================================*/
    .ultimate-section {
        padding-top: 40px;
    }
    .ultimate-section h1 {
        font-size: 39px;
        padding-bottom: 10px;
    }
    .ultimate-section h2 {
        font-size: 25px;
    }
    /*================================= INCLUDED SECTION ================================*/
    .included-section {
        margin-top: -50px;
        padding-top: 67px;
        padding-bottom: 0;
    }
    .included-sec-span {
        font-size: 24px;
    }
    .included-row {
        padding-top: 50px;
    }
    .included-col h3 {
        font-size: 17px;
        padding-top: 10px;
    }
    .included-col h4 {
        font-size: 14px;
        padding-top: 5px;
    }
    .included-col p {
        font-size: 14px;
        padding-top: 15px;
    }
    .included-col p br {
        display: none;
    }
    /*=================================== SAVE SECTION ==================================*/
    .save-section {
        background-size: 100% 100%;
        padding-top: 140px;
        padding-bottom: 20px;
    }
    .save-col-right h3 {
        font-size: 50px;
    }
    .save-col-right h4 {
        font-size: 28px;
        margin-top: -5px !important;
    }
    .save-col-right p {
        font-size: 17px;
        padding-top: 10px;
        margin-bottom: 15px !important;
    }
    .save-btn {
        font-size: 26px;
        padding: 12px 38px;
        border-radius: 20px;
    }
    /*================================= STUNNING SECTION ================================*/
    .stunning-row {
        padding-top: 30px;
    }
    .stunning-col-left h2 {
        font-size: 27px;
        padding-bottom: 20px;
    }
    .stunning-list li {
        padding-bottom: 15px;
    }
    .stunning-list li p {
        font-size: 14px;
        width: 90%;
    }
    .stunning-btn {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .stunning-btn a {
        font-size: 17px;
        padding: 17px 29px;
        border: 2px solid transparent;
    }
    .stunning-btn a:hover, .stunning-btn a:focus {
        border: 2px solid #4c55f2;
    }
    .stunning-btn a:before {
        left: -25px;
        top: -8px;
    }
    .stunning-btn a:after {
        right: -25px;
        top: -8px;
    }
    /*================================== MONEY SECTION ==================================*/
    .money-section {
        margin-top: 35px;
        padding-top: 30px;
    }
    .money-col-right h2 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .money-col-right p {
        font-size: 13.9px;
    }
    .money-col-right p br {
        display: none;
    }
    /*=================================== ABOUT SECTION =================================*/
    .about-section {
        margin-top: 40px;
        padding: 20px;
    }
    .a-top-right {
        padding-left: 15px;
    }
    .about-col-right h2 {
        font-size: 30px;
        padding-top: 0;
    }
    .about-col-right p {
        font-size: 13px;
        padding-bottom: 10px;
    }
    .about-col-right p br {
        display: none;
    }
    .about-col-right img {
        max-width: 35%;
    }
    .about-bottom-row {
        padding-top: 0;
    }
    /*================================ FREQUENTLY SECTION ===============================*/
    .frequently-section {
        padding-top: 40px;
    }
    .frequently-section h1 {
        font-size: 30px;
    }
    .frequently-row {
        padding-top: 40px;
    }
    .frequently-col {
        padding-bottom: 40px;
    }
    .frequently-col span {
        width: 15px;
        height: 15px;
    }
    .frequently-col div {
        width: 94%;
    }
    .frequently-col div h2 {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .frequently-col div p {
        font-size: 13px;
    }
    /*================================== FOOTER SECTION =================================*/
    .footer-section {
        padding-top: 150px;
        padding-bottom: 55px;
    }
    .footer-col img {
        max-width: 45%;
    }
    .footer-list {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-list li a {
        font-size: 15px;
    }

    .footer-list li {
        padding: 0 20px;
    }
    .footer-list li a {
        font-size: 14px;
    }
    .footer-col p {
        font-size: 16px;
    }
    /*================================== EFFORT SECTION =================================*/
    .effort-section {
        background-size: cover;
        padding-bottom: 40px;
    }
    .effort-col-right {
        padding-left: 15px;
    }
    .effort-col-btn {
        font-size: 20px;
        padding: 18px 33px;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .effort-col-right p {
        font-size: 8px;
        padding-bottom: 15px;
    }







}
@media only screen and (min-width:481px) and (max-width:767px) {
    /*================================ HOME SECTION ==================================*/
    .home-section {
        background-image: url(img/bg/section-1-responsive.png);
        background-size: cover;
    }
	div.countDownContainer.pgCountDown:before, div.countDownContainer.pgCountDown:after{display:none;}
    .home-top-img {
        padding: 20px 0;
    }
    .home-top-img img {
        width: 200px;
    }
    .home-top-span {
        font-size: 15px;
        padding: 5px 16px;
    }
    .home-top h1 {
        /*font-size: 42px;
        line-height: 30px;*/
        padding: 20px 0;
    }
    .home-top h1 span {
        border-bottom: 2px solid;
    }
    .home-top h1 br, .home-top p br {
        display: none;
    }
    .home-top p {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 0 !important;
    }
    .home-row {
        padding-bottom: 30px;
    }
    .home-row:before {
        display: none;
    }
    .home-col-lap {
        padding-bottom: 10px;
    }
    .home-left, .home-right {
        width: 50%;
        padding: 0 15px;
        align-self: inherit !important;
    }
    .home-left-col {
        text-align: left;
        margin: 0;
    }
    .home-left-col li {
        padding-top: 5px;
    }
    .home-left-col li img {
        width: 40px;
        float: left;
    }
    .home-left-col li span {
        width: 71%;
        padding-left: 0;
        padding-top: 3px;
        margin-left: 15px;
        float: left;
    }
    .home-col-center {
        margin-top: 20px;
    }
    .home-col-lap-head {
        font-size: 20px;
    }
    .home-col-btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .home-col-btn a {
        font-size: 16px;
        padding: 11px 29px;
    }
    /*---------- Home Video Overlay -----------*/
    #inner-box p {
        font-size: 20px;
    }
    #inner-box img {
        width: 50px;
    }
    .overlay iframe {
        height: 240px;
    }
    .inner-box-main {
        left: 50%;
        width: 430px;
        margin-left: -215px;
        height: 240px;
    }
    /*-------- Home Video Overlay End ---------*/
    /*============================ INTRODUCING SECTION ===============================*/
    .introducing-section {
        margin-top: 15px;
    }
    .introducing-top {
        padding-top: 0;
    }
    .introducing-top h3 {
        font-size: 13px;
        line-height: 17px;
    }
    .introducing-top div img {
        width: 175px;
    }
    .introducing-top span {
        font-size: 16px;
    }
    .introducing-row {
        padding-top: 20px;
        padding-bottom: 100px;
    }
    .int-row-col-1 {
        width: 50%;
    }
    .int-row-col-1 img {
        max-width: 100%;
    }
    .introducing-row .align-self-center {
        width: 50%;
        margin-top: 20px;
    }
    .int-col-left:before {
        background-size: 75%;
        width: 26%;
        height: 100%;
        left: -7px;
        top: 4px;
    }
    .int-col-right:before {
        background-size: 75%;
        width: 25%;
        height: 100%;
        right: -14px;
        top: 3px;
    }
    .int-col-left, .int-col-right {
        width: 50%;
        margin-left: 0;
    }
    .int-col-right {
        margin-left: -15px;
    }
    .int-col-btn {
        padding-top: 25px;
    }
    .int-col-btn a {
        font-size: 12px;
        padding: 14px 17px;
    }
    /*============================== BENEFITS SECTION ================================*/
    .benefits-top h3 {
        padding-top: 25px;
        font-size: 25px;
    }
    .benefits-row .col-md-4 {
        padding-top: 40px;
        width: 50%;
    }
    .benefits-row img {
        width: auto;
        max-width: 75%;
    }
    .benefits-row .col-md-4 div {
        width: auto;
    }
    /*================================ DEMO SECTION ==================================*/
    .demo-top {
        padding-top: 80px;
    }
    .demo-top h3 {
        font-size: 26px;
    }
    .demo-top p {
        font-size: 16px;
    }
    .demo-row {
        padding-top: 20px;
        margin-right: -15px;
        margin-left: -15px;
        text-align: center;
    }
    .demo-row .align-self-end {
        display: none;
    }
    .demo-lap {
        display: none;
    }
    .demo-lap-res {
        display: block;
    }
    .demo-play img {
        width: 40px;
    }
    .demo-play {
        margin-top: -59px;
        margin-left: -23px;
    }
    .demo-video {
        top: 5%;
        left: 22.3%;
        margin-left: 0;
        margin-top: 0;
        width: 55%;
        height: 56%;
    }
    .demo-video iframe {
        width: 100%;
        height: 100%;
    }
    .demo-content {
        margin-top: 20px;
    }
    .demo-content .col-md-6 {
        margin-left: 0;
    }
    .demo-content span {
        font-size: 14px;
        line-height: 20px;
        width: 91%;
    }
    /*======================== DIGITAL INFO PRODUCT SECTION ==========================*/
    .digital-section {
        margin-top: 0;
    }
    .digital-top {
        padding-top: 60px;
    }
    .dig-t-span {
        font-size: 15px;
        padding: 10px 20px;
    }
    .digital-top h3 {
        font-size: 23px;
        padding-top: 25px;
    }
    .digital-top h3 br {
        display: none;
    }
    .digital-row {
        padding-top: 20px;
    }
    .dig-r-col-left {
        display: none;
    }
    .dig-r-col-right {
        padding-right: 15px;
    }
    .dig-r-head {
        font-size: 40px;
        text-align: center;
    }
    .digital-list {
        padding-top: 20px;
    }
    .digital-list:before {
        display: none;
    }
    .digital-list li {
        padding-bottom: 15px;
    }
    .digital-list li p {
        padding-left: 30px;
        width: 82%;
    }
    .digital-list li p br {
        display: none;
    }
    /*============================ INSTALLATION SECTION ==============================*/
    .install-section {
        margin-top: -20px;
    }
    .install-row {
        padding-top: 20%;
    }
    .install-col-left {
        margin: 0;
        width: 40%;
    }
    .install-col-right {
        margin: 0;
        width: 60%;
    }
    .install-col-right h2 {
        font-size: 21px;
    }
    .install-col-right a {
        font-size: 12px;
        padding: 18px 17px;
        margin-top: 15px;
    }
    /*============================ EBOOK CREATOR SECTION =============================*/
    .creator-section {
        background-image: url(img/bg/section-7-res.png);
        background-size: cover;
        margin-top: 30px;
    }
    .creator-row {
        padding-top: 0;
    }
    .creator-col-left {
        padding-top: 25px;
    }
    .creator-col-left h1 {
        font-size: 24px;
        text-align: center;
        padding-left: 0;
    }
    .creator-col-left h2 {
        font-size: 40px;
        padding: 5px 30px;
        text-align: center;
    }
    .creator-col-left h1 br, .creator-col-right h2 br {
        display: none;
    }
    .creator-col-right {
        margin-left: 0;
        padding-top: 20px;
        flex: 100%;
        max-width: 100%;
    }
    .creator-col-right h2 {
        font-size: 30px;
        text-align: center;
        padding: 0;
    }
    .cre-c-r-span {
        font-size: 13px;
        text-align: center;
        padding: 6px 25px;
        margin-top: 15px;
    }
    .creator-col-right p {
        font-size: 13px;
        text-align: center;
        padding: 0;
        padding-top: 15px;
    }
    .creator-cont-row {
        padding-left: 0;
        padding-top: 25px;
    }
    .cre-c-r-middle {
        padding-bottom: 0;
        margin: 0;
        width: 33.33%;
        text-align: center;
    }
    .creator-cont-row img {
        width: 90px;
        height: 87px;
    }
    .creator-cont-row span {
        width: 100%;
        font-size: 14px;
        padding-top: 15px;
        padding-left: 0;
    }
    .creator-bottom-row {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .creator-bottom-row .col-md-5 {
        text-align: center;
    }
    .creator-bottom-row .col-md-5:before {
        content: none;
    }
    .creator-bottom-row .col-md-5 h1 {
        text-align: -webkit-center;
        padding-bottom: 20px;
    }
    .creator-bottom-row .col-md-5 img {
        max-width: 80%;
    }
    .creator-bottom-row .col-md-5 div {
        padding-top: 25px;
        padding-left: 0;
    }
    .creator-bottom-row p {
        font-size: 13px;
        padding-bottom: 20px;
    }
    .creator-bottom-row p br {
        display: none;
    }
    /*=========================== INSTANT CONTENT SECTION ============================*/
    .instant-section {
        background-size: cover;
        margin-top: 0;
    }
    .instant-row {
        padding-top: 30px;
    }
    .instant-row:before {
        display: none;
    }
    .instant-list li {
        padding-bottom: 30px;
    }
    .instant-col-right {
        padding-top: 10px;
        padding-bottom: 30px;
        text-align: center;
    }
    .instant-col-contnet {
        background-size: contain;
        padding-top: 10px;
        padding-bottom: 115px;
        display: inline-block;
        width: auto;
        padding-left: 0;
    }
    .instant-col-contnet:before {
        content: none;
    }
    .instant-col-contnet h1 {
        padding-left: 105px;
    }
    .instant-col-contnet h1 span {
        padding: 48px 25px;
        font-size: 22px;
    }
    .instant-col-contnet img {
        max-width: 50%;
        margin-top: 25px;
    }
    .instant-col-contnet h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    .instant-col-contnet p {
        font-size: 11px;
        padding-top: 10px;
        padding-left: 5px;
    }
    /*========================= CUSTOMIZE & PUBLISH SECTION ==========================*/
    .publish-section {
        background-image: url(img/bg/section-7-res.png);
        background-size: cover;
        margin-top: 30px;
        padding: 0;
    }
    .publish-row {
        padding-top: 30px;
        padding-bottom: 10px;
        display: inline-block;
    }
    .publish-col-left {
        padding: 0 15px;
        width: 100%;
    }
    .p-top-content {
        text-align: center;
    }
    .p-top-content h1 {
        left: 0;
    }
    .p-top-content h1 span {
        display: inline-block;
    }
    .p-top-content img {
        max-width: 65%;
        margin-top: 30px;
    }
    .p-top-content h2 {
        padding-top: 20px;
    }
    .p-top-content p {
        padding-top: 15px;
        font-size: 13px;
    }
    .p-top-c-span {
        margin: 0;
        padding: 0;
        padding-top: 15px;
    }
    .p-bottom-content p {
        font-size: 13px;
        width: 86%;
        padding-left: 20px;
    }
    .p-bottom-content p br {
        display: none;
    }
    .publish-col-right {
        width: 100%;
        padding-top: 10px;
    }
    .publish-col-right img {
        max-width: 100%;
        position: inherit;
    }
    /*============================ DROPPING EBOOK SECTION ============================*/
    .dropping-section {
        background-size: cover;
        margin-top: 0;
    }
    .dropping-row {
        padding-top: 30px;
    }
    .dropping-row h2 {
        padding: 0 15px;
        padding-bottom: 15px;
        font-size: 30px;
    }
    .dropping-row h2 br {
        display: none;
    }
    .dropping-col {
        margin-top: 0;
    }
    /*=========================== PUBLISH DIRECTLY SECTION ===========================*/
    .directly-section {
        background-image: url(img/bg/section-11-res.png);
        margin-top: -20px;
    }
    .directly-row {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .dir-top-content span {
        font-size: 20px;
        padding: 10px 40px;
    }
    .dir-top-content h2 {
        font-size: 32px;
    }
    .directly-list {
        padding: 0;
        margin-top: 20px;
    }
    .directly-list li {
        margin-bottom: 10px;
    }
    .directly-list:before, .directly-list:after, .circle {
        display: none;
        content: none;
    }
    .directly-panel {
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .directly-panel-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        text-align: center;
    }
    .directly-panel-content h3 {
        font-size: 26px;
    }
    .directly-list-2 {
        margin-top: 0;
    }
    .directly-list-2 .directly-panel-content {
        padding-top: 20px;
    }
    /*============================= HIGHER PRICE SECTION =============================*/
    .price-section {
        margin-top: -26px;
    }
    .price-top {
        padding-top: 40px;
    }
    .price-left {
        padding: 0 15px;
        text-align: center;
    }
    .price-left h1 {
        font-size: 35px;
    }
    .price-left p {
        font-size: 14px;
    }
    .price-left p br {
        display: none;
    }
    .p-left-img {
        display: none;
    }
    .p-left-img-res {
        display: block;
        padding-top: 25px;
    }
    .p-left-img-res img {
        max-width: 70%;
    }
    .price-right {
        max-width: 100%;
        padding-top: 20px;
    }
    .p-slider-image {
        padding-top: 20px;
    }
    .p-slider-image img {
        max-width: 30%;
    }
    .price-slider .carousel-item p {
        font-size: 15px;
    }
    .price-slider .carousel-item p br {
        display: none;
    }
    /*=============================== ENGAGED SECTION ================================*/
    .engaged-section {
        background-image: url(img/bg/section-13-res.png);
        background-size: cover;
        margin-top: -60px;
        padding-top: 70px;
    }
    .engaged-list {
        padding: 0;
        text-align: center;
    }
    .engaged-list:before, .engaged-circle {
        display: none;
    }
    .engaged-panel {
        width: 100%;
    }
    .engaged-panel-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .engaged-panel-content h3 {
        font-size: 28px;
    }
    .engaged-panel-content h4 {
        font-size: 24px;
        padding-top: 10px;
    }
    .engaged-row {
        padding-top: 0;
        text-align: center;
    }
    .engaged-row h2 {
        font-size: 24px;
        padding: 0 15px;
        padding-bottom: 25px;
    }
    .engaged-panel-content h4:before, .engaged-panel-row:before, .engaged-panel-row:after  {
        display: none;
    }
    /*============================== EXPENSIVE SECTION ===============================*/
    .expensive-section {
        background-color: #fafafa;
        background-image: none;
        margin-top: -40px;
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .expensive-col-left {
        padding-left: 15px;
        text-align: center;
    }
    .expensive-col-left h2 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .expensive-col-left h2 br, .expensive-col-left p br {
        display: none;
    }
    /*========================== AUTOMATIC CONTENT SECTION ===========================*/
    .automatic-row {
        padding-top: 20px;
    }
    .automatic-col-left {
        padding: 0 15px;
        margin-top: 0;
    }
    .automatic-content {
        text-align: center;
        padding: 20px;
        margin-left: 0;
        box-shadow: 0 0 38px rgba(188,188,188,.10);
    }
    .automatic-content h1 {
        padding-top: 5px;
    }
    .automatic-content h2 {
        padding-top: 15px;
    }
    .automatic-content p br {
        display: none;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .table-row {
        padding-top: 150px;
    }
    .table-col-left {
        padding-right: 15px;
        margin-left: 0;
        text-align: center;
    }
    .table-content {
        padding: 8%;
        padding-bottom: 10%;
        box-shadow: 0 0 38px rgba(188,188,188,.10);
    }
    .table-content h1 {
        padding-top: 5px;
    }
    .table-content h1 br {
        display: none;
    }
    .table-content p {
        padding-top: 15px;
    }
    .table-col-right {
        padding-top: 10px;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .header-section {
        padding-top: 0;
    }
    .header-section:before, .header-section:after {
        display: none;
    }
    .header-col-left {
        margin-top: 10px;
    }
    .header-content {
        padding: 30px;
        padding-bottom: 30px;
        box-shadow: 0 0 38px rgba(188,188,188,.10);
    }
    .header-content h1 br {
        display: none;
    }
    .header-col-right {
        text-align: center;
        margin-top: 30px;
    }
    .header-content p {
        padding-top: 20px;
    }
    .header-content p br {
        display: none;
    }
    /*============================== DRAG DROP SECTION ===============================*/
    .drag-section {
        background-size: cover;
        padding: 50px 0;
    }
    .drag-col-left {
        padding: 0 15px;
        padding-top: 0;
    }
    .drag-content {
        text-align: center;
    }
    .drag-content h1 {
        font-size: 29px;
    }
    .drag-content h1 br, .drag-content p br {
        display: none;
    }
    .drag-col-right {
        padding: 0 15px;
        padding-top: 30px;
        margin-left: 0;
    }
    /*============================= CUSTOMIZABLE SECTION =============================*/
    .customizable-section {
        background-color: #ffffff;
        margin-top: -30px;
        padding-top: 0;
    }
    .customizable-row {
        height: auto;
        margin-top: 0;
        text-align: center;
    }
    .customizable-col-right {
        padding: 0 15px;
    }
    .row-1 .customizable-col-left {
        max-width: initial;
        height: auto;
        display: inline-block;
        padding: 0 15px;
    }
    .customizable-content {
        padding: 30px 0;
    }
    .customizable-content p {
        padding-top: 10px;
    }
    .row-2 .customizable-col-left {
        max-width: inherit;
        margin-left: 0;
        padding: 0 15px;
        display: inline-block;
    }
    .row-3 .customizable-col-left {
        max-width: inherit;
        padding: 0 15px;
        padding-top: 0;
        display: inline-block
    }
    /*============================== EVER NEED SECTION ===============================*/
    .need-section {
        background-size: cover;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 100px;
    }
    .need-section:before {
        display: none;
    }
    .need-section h1 {
        font-size: 34px;
        padding-top: 50%;
        padding-bottom: 30px;
    }
    .need-row {
        text-align: left;
        padding-top: 0;
    }
    .need-1, .need-2 {
        margin-left: 0;
    }
    .need-col {
        padding-top: 20px;
    }
    .need-col img {
        width: 70px;
        float: left;
    }
    .need-col p {
        padding-top: 0;
        margin-left: 20px !important;
        width: 79%;
        display: inline-block;
    }
    .need-col p br {
        display: none;
    }
    .need-col p span {
        display: none;
    }
    /*============================= ACCESS TABLE SECTION =============================*/
    .access-section {
        background-size: cover;
        margin-top: 20px;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .access-row {
        text-align: center;
    }
    .access-content {
        margin-left: 0;
    }
    .access-content h2 {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .access-right {
        padding-top: 30px;
        width: 50%;
    }
    .access-right img {
        max-width: 100%;
        position: initial;
        top: 0;
    }
    .access-center {
        margin-left: 0;
        padding: 0 15px;
        padding-top: 30px;
        width: 50%;
    }
    /*============================ GORGEOUS TABLE SECTION ============================*/
    .go-top-left {
        margin-left: 0;
    }
    .go-top-left span {
        font-size: 35px;
    }
    .gorgeous-row-top {
        text-align: center;
    }
    .go-top-left h1 {
        font-size: 70px;
        padding-bottom: 10px;
        margin-top: -60px !important;
    }
    .go-top-left p {
        font-size: 32px;
    }
    .gorgeous-row-center {
        margin-top: 0;
    }
    .gorgeous-row-bottom {
        margin-top: -100px;
    }
    /*=============================== TEMPLATE SECTION ===============================*/
    .template-section {
        margin-top: -50px;
        padding-top: 120px;
    }
    .template-row {
        text-align: center;
    }
    .template-col-left h1 {
        font-size: 32px;
    }
    .template-col-left h2 {
        font-size: 32px;
    }
    .template-col-left h1 br, .template-col-left p br, .template-col-left h2 br {
        display: none;
    }
    .template-col-left p {
        font-size: 15px;
        padding-bottom: 25px;
    }
    .template-col-left a {
        font-size: 16px;
        padding: 22px 28px
    }
    .template-col-right {
        padding-top: 30px;
    }
    /*================================ SINGLE SECTION ================================*/
    .single-section {
        background-image: url(img/bg/section-24-res.png);
        background-size: cover;
        padding: 29px 20px;
        padding-top: 150px;
        margin-top: -70px;
    }
    .single-row {
        text-align: center;
    }
    .single-col-left p br {
        display: none;
    }
    .single-col-right {
        padding-top: 15px;
    }
    /*================================= WORK SECTION =================================*/
    .work-row {
        padding: 0 15px;
        text-align: center;
    }
    .work-col-left h1 {
        font-size: 36px;
        padding-top: 30px;
    }
    .work-col-left p br {
        display: none;
    }
    /*================================= ORDER SECTION ================================*/
    .order-section {
        background-image: none;
        padding: 20px 15px;
        background-color: #62b9f8;
        margin-top: 30px;
    }
    .order-col-right:before, .order-col-right:after {
        display: none;
    }
    .order-row {
        text-align: center;
    }
    .order-col-right h1 {
        font-size: 32px;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .order-col-right h1 br, .order-col-right p br {
        display: none;
    }
    .order-col-left {
        padding-top: 30px;
    }
    /*============================== COMPETITION SECTION =============================*/
    .competition-row {
        padding-top: 20px;
    }
    .competition-col-right {
        padding-right: 15px;
        text-align: center;
    }
    .competition-col-right h1 {
        font-size: 29px;
        padding-bottom: 20px;
    }
    .competition-col-right h1 br {
        display: none;
    }
    .competition-col-right p {
        padding-bottom: 10px;
    }
    .competition-list {
        padding-bottom: 15px;
    }
    .competition-list li {
        display: inline-block;
        width: 100%;
    }
    .competition-list li span {
        width: 14px;
        height: 14px;
        margin-top: 5px;
        margin-right: 15px;
        float: left;
    }
    .competition-list li div {
        width: 92%;
        float: left;
    }
    .competition-list li div h3 {
        text-align: left;
    }
    .competition-list li div p {
        text-align: left;
    }
    .competition-col-left {
        padding: 0 15px;
        padding-top: 20px;
        text-align: center;
    }
    /*================================== NEWS SECTION ================================*/
    .news-section {
        background-size: 100% 100%;
        padding-top: 30px;
        padding-bottom: 300px;
        margin-top: 130px;
    }
    .news-col-right {
        padding-top: 0;
        margin-top: -210px;
        text-align: center;
    }
    .news-col-span {
        background-size: 100% 100%;
        font-size: 40px;
        line-height: 50px;
        padding: 0 60px 10px 20px;
    }
    .news-col-right h2 {
        font-size: 30px;
        padding-left: 0;
    }
    .news-col-right h2 br, .news-col-right p br {
        display: none;
    }
    .news-col-right p {
        padding-left: 0;
    }
    /*=============================== COMMERCIAL SECTION =============================*/
    .commercial-row {
        text-align: center;
        padding-top: 20px;
    }
    .commercial-col-left {
        padding: 0 15px;
        padding-top: 25px;
    }
    .commercial-span {
        font-size: 18px;
        padding: 18px 30px;
        border-radius: 50px;
    }
    .commercial-col-right h2 {
        font-size: 31px;
        padding-left: 0;
        padding-top: 25px;
    }
    .commercial-col-right h2 br, .commercial-col-right p br {
        display: none;
    }
    .commercial-col-right p {
        font-size: 15px;
        padding-left: 0;
        padding-top: 20px;
    }
    /*================================ LICENSE SECTION ===============================*/
    .licence-section {
        padding-top: 25px;
    }
    .licence-section h1 {
        font-size: 28px;
    }
    .licence-section h1 br {
        display: none;
    }
    .licence-row {
        padding-top: 25px;
    }
    .licence-col-right {
        padding-top: 0;
        text-align: center;
    }
    .licence-col-right h2 {
        font-size: 28px;
        padding-bottom: 18px;
    }
    .licence-col-right p {
        font-size: 15px;
        line-height: 1.7;
    }
    .licence-col-right h2 br, .licence-col-right p br {
        display: none;
    }
    .licence-col-left {
        padding-top: 25px;
    }
    .licence-row-bottom {
        margin-top: 0;
    }
    .licence-b-col-right {
        padding-right: 15px;
        margin-left: 0;
        text-align: center;
        flex: 100%;
        max-width: 100%;
    }
    .licence-b-col-span {
        font-size: 18px;
        padding: 18px 30px;
        border-radius: 50px;
        margin-bottom: 25px;
    }
    .licence-b-col-right h2 {
        font-size: 24px;
        padding-bottom: 10px;
        padding-left: 0;
    }
    .licence-b-col-right p {
        font-size: 15px;
        line-height: 1.7;
        padding-left: 0;
    }
    .licence-b-col-right p br {
        display: none;
    }
    /*================================= BONUS SECTION ================================*/
    .bonus-section {
        background-size: cover;
        margin-top: -50px;
        padding-top: 170px;
        padding-bottom: 30px;
    }
    .bonus-section:before {
        display: none;
    }
    .bonus-top-row {
        text-align: center;
    }
    .bonus-top-col-span {
        font-size: 18px;
        padding: 18px 30px;
        border-radius: 50px;
        margin-bottom: 25px;
    }
    .bonus-top-col-right h2 {
        padding-left: 0;
        padding-bottom: 20px;
    }
    .bonus-top-col-right p {
        padding-left: 0;
    }
    .bonus-top-col-right h2 br, .bonus-top-col-right p br {
        display: none;
    }
    .bonus-list {
        padding: 0;
        padding-top: 20px;
        text-align: center;
    }
    .bonus-list li {
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    .bonus-list li:before {
        display: none;
    }
    .bonus-list li span {
        margin-left: 0;
    }
    .bonus-list li div {
        display: inline-block;
        width: 100%;
    }
    .bonus-list li div p {
        font-size: 14px;
        padding-left: 0;
        padding-top: 10px;
    }
    .bonus-bottom-row {
        padding-top: 0;
        text-align: center;
    }
    .bonus-bottom-col-right {
        padding: 0 15px;
    }
    .bonus-bottom-col-right h3 {
        font-size: 17px;
        padding: 24px 30px;
        padding-bottom: 28px;
        border-radius: 100px;
        margin-bottom: 25px !important;
    }
    .bonus-bottom-col-right h3 br, .bonus-bottom-col-right p br {
        display: none;
    }
    .bonus-bottom-col-right p {
        font-size: 16px;
        padding-left: 0;
        padding-bottom: 20px;
    }
    .bonus-bottom-col-left {
        padding: 15px;
        padding-bottom: 30%;
    }
    /*=============================== EXCITING SECTION ===============================*/
    .exciting-col-right h2 {
        font-size: 18px;
    }
    .exciting-col-right p {
        background-image: none;
        font-size: 17px;
        padding: 25px 24px;
        background-color: #f57358;
        border-radius: 100px;
    }
    .exciting-col-right p br {
        display: none;
    }
    /*================================ DEMAND SECTION ================================*/
    .demand-list:before {
        width: 3px;
    }
    .demand-circle {
        width: 25px;
        height: 25px;
        margin-left: -11px;
        border: 4px solid #ffe5a4;
    }
    .demand-panel {
        margin-top: -20px;
        padding-right: 30px;
    }
    .demand-panel-content {
        padding-left: 30px;
        padding-top: 25px;
    }
    .demand-panel-content h3 {
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 1.3;
    }
    .demand-panel-content h3 br {
        display: none;
    }
    .demand-list {
        margin-top: 50px;
    }
    .demand-list-2 {
        margin-top: 0;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        padding-left: 30px;
    }
    .demand-list-2 .demand-panel-content {
        padding-right: 30px;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        margin-top: -40px;
    }
    .demand-list-3 .demand-panel {
        margin-top: -30px;
    }
    .demand-panel-content h4 {
        font-size: 15px;
        padding-bottom: 15px;
        margin-top: -10px !important;;
    }
    .demand-panel-content p {
        font-size: 12px;
    }
    /*================================= CASH SECTION =================================*/
    .cash-row {
        padding-top: 10px;
        text-align: center;
    }
    .cash-col-left h1 {
        font-size: 22px;
        padding-bottom: 20px;
    }
    .cash-col-left h1 br {
        display: none;
    }
    .cash-col-left p {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .cash-col-left h2 {
        font-size: 22px;
        padding-bottom: 15px;
    }
    /*================================ CLIENT SECTION ================================*/
    .client-section {
        background-size: cover;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 37%;
        text-align: center;
    }
    .client-col-right h1 {
        font-size: 24px;
        padding: 15px 5px;
        margin-top: 25px !important;
    }
    .client-list {
        padding: 0;
        padding-top: 25px;
        text-align: left;
    }
    .client-list li {
        padding-bottom: 10px;
    }
    .client-list p {
        font-size: 14px;
        width: 88%;
        margin-left: 20px !important;
    }
    .client-col-right {
        padding-top: 0;
    }
    .client-b-col h2 {
        font-size: 18px;
        padding-top: 30px;
        padding-left: 0;
        text-align: left;
        padding-right: 22%;
    }
    .client-b-col h2 br {
        display: none;
    }
    /*================================ AGENCY SECTION ================================*/
    .agency-section {
        background-size: cover;
        margin-top: 0;
        padding-bottom: 0;
    }
    .agency-row {
        padding-top: 30px;
    }
    .agency-col-left {
        padding-left: 15px;
        padding-top: 0;
        text-align: center;
    }
    .agency-col-left h1 {
        font-size: 18px;
        padding: 18px 30px;
        border-radius: 50px;
        margin-bottom: 25px;
    }
    .agency-col-left h2 {
        padding-bottom: 20px;
        padding-left: 0;
    }
    .agency-col-left h2 br, .agency-col-left p br {
        display: none;
    }
    .agency-col-left p {
        line-height: 1.8;
        padding-left: 0;
    }
    /*============================= TESTIMONIAL SECTION ==============================*/
    .testimonial-section {
        padding-top: 30px;
    }
    .testimonial-section:before, .testimonial-section:after {
        display: none;
    }
    .testimonial-section h1 {
        font-size: 50px;
    }
    .testimonial-section h2 {
        font-size: 20px;
    }
    .testimonial-row {
        padding-top: 40px;
    }
    .testimonial-col {
        padding: 0 15px;
        padding-bottom: 30px;
    }
    .tes-c-head div {
        padding-top: 0;
        padding-left: 10px;
    }
    .tes-c-center {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .testimonial-main {
        padding-left: 30px;
        padding-right: 70px;
    }
    .flexslider .slides .tes-c-img img, .tes-c-img img {
        width: 70px;
        height: 70px;
    }
    /*================================= RECAP SECTION ================================*/
    .recap-section {
        background-size: cover;
        padding-top: 120px;
        padding-bottom: 270px;
        margin-top: -50px;
    }
    .recap-section:before {
        display: none;
    }
    .recap-section h1 {
        font-size: 30px;
    }
    .recap-col {
        text-align: center;
        padding-top: 30px;
        width: 33.33%;
    }
    .recap-col p {
        font-size: 12px;
        padding-top: 10px;
    }
    /*================================= ULTIMATE SECTION ================================*/
    .ultimate-section {
        background-image: none;
        margin-top: -80px;
        padding-top: 0;
    }
    .ultimate-section h1 {
        font-size: 29px;
        padding-bottom: 10px;
    }
    .ultimate-section h1 br {
        display: none;
    }
    .ultimate-section h2 {
        font-size: 18px;
    }
    .included-sec-span {
        font-size: 18px;
        padding: 12px 30px;
    }
    /*================================= INCLUDED SECTION ================================*/
    .included-section {
        background-size: cover;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .included-row {
        padding-top: 20px;
    }
    .included-col {
        padding-bottom: 20px;
    }
    .included-col h3 {
        padding-top: 5px;
    }
    .included-col h4 {
        padding-top: 5px;
    }
    .included-col p {
        padding-top: 15px;
    }
    .included-col p br {
        display: none;
    }
    /*=================================== SAVE SECTION ==================================*/
    .save-section {
        background-image: url(img/bg/section-43-res.png);
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 0;
    }
    .save-col-right h3 {
        font-size: 65px;
    }
    .save-col-right h4 {
        font-size: 35px;
        margin-top: -5px !important;
    }
    .save-col-right p {
        font-size: 22px;
    }
    .save-col-left {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    /*================================= STUNNING SECTION ================================*/
    .stunning-row {
        padding-top: 30px;
    }
    .stunning-col-left h2 {
        font-size: 29px;
        padding-bottom: 30px;
        text-align: center;
    }
    .stunning-col-left h2 br {
        display: none;
    }
    .stunning-list li p {
        font-size: 16px;
        width: 93%;
    }
    .stunning-btn {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .stunning-btn a {
        padding: 25px 60px;
        border: 3px solid transparent;
    }
    .stunning-btn a:hover, .stunning-btn a:focus {
        border: 3px solid #4c55f2;
    }
    .stunning-btn a:before {
        left: -30px;
        top: -12px;
    }
    .stunning-btn a:after {
        right: -32px;
        top: -11px;
    }
    /*================================== MONEY SECTION ==================================*/
    .money-section {
        margin-top: 0;
        padding-top: 30px;
    }
    .money-col-right h2 {
        font-size: 35px;
        padding-bottom: 20px;
    }
    .money-col-right p {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .money-col-right p br {
        display: none;
    }
    .money-col-left {
        margin-top: 0;
    }
    /*=================================== ABOUT SECTION =================================*/
    .about-section {
        margin-top: 50px;
        padding: 30px;
    }
    .about-row {
        text-align: center;
    }
    .a-top-right {
        padding-left: 15px;
    }
    .about-col-right h2 {
        font-size: 35px;
    }
    .about-col-right p {
        font-size: 15px;
    }
    .about-col-right p br {
        display: none;
    }
    .about-bottom-row {
        padding-top: 0;
        text-align: center;
    }
    /*================================ FREQUENTLY SECTION ===============================*/
    .frequently-section {
        padding-top: 25px;
    }
    .frequently-section h1 {
        font-size: 30px;
    }
    .frequently-row {
        padding-top: 30px;
    }
    .frequently-col {
        padding-bottom: 25px;
    }
    .frequently-col span {
        width: 15px;
        height: 15px;
    }
    .frequently-col div {
        width: 93%;
    }
    .frequently-col div h2 {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .frequently-col div p {
        font-size: 13px;
    }
    /*================================== FOOTER SECTION =================================*/
    .footer-section {
        background-image: url(img/bg/section-48-res.png);
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-col img {
        max-width: 50%;
    }
    .footer-list {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-list li {
        padding: 0 10px;
    }
    .footer-list li a {
        font-size: 14px;
    }
    .footer-col p {
        font-size: 16px;
    }
    /*================================== EFFORT SECTION =================================*/
    .effort-section {
        background-image: url(img/bg/section-49-res.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .effort-row {
        text-align: center;
    }
    .effort-col-right {
        padding-left: 15px;
    }
    .effort-col-btn {
        font-size: 20px;
        padding: 19px 37px;
        margin-top: 35px;
        margin-bottom: 40px;
    }
	.counter-btm p:first-child span{font-size: 30px;}
}
@media (max-width: 480px) {
    /*================================ HOME SECTION ==================================*/
    .home-section {
        background-image: url(img/bg/section-1-responsive.png);
        background-size: cover;
    }
    .home-top-img {
        padding: 20px 0;
    }
    .home-top-img img {
        width: 160px;
    }
    .home-top-span {
        font-size: 14px;
        padding: 5px 16px;
    }
    .home-top h1 {
        font-size: 40px;
        /*line-height: 25px;*/
        padding: 15px 0;
    }
    .home-top h1 span {
        border-bottom: 2px solid;
        line-height: 35px;
    }
    .home-top h1 br, .home-top p br {
        display: none;
    }
    .home-top p {
        font-size: 14px;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
    .home-row {
        padding-bottom: 30px;
    }
    .home-row:before {
        display: none;
    }
    .home-left {
        padding: 0 15px;
    }
    .home-left-col {
        text-align: center;
    }
    .home-left-col li {
        padding-top: 5px;
        text-align: left;
    }
    .home-left-col li img {
        width: 40px;
        float: left;
    }
    .home-left-col li span {
        width: auto;
        padding-left: 0;
        padding-top: 10px;
        margin-left: 15px;
        float: left;
    }
    .home-col-center {
        margin-top: 20px;
    }
    .home-col-lap-head {
        font-size: 16px;
        padding-bottom: 0;
    }
    .home-col-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .home-col-btn a {
        font-size: 16px;
        padding: 11px 29px;
    }
    /*---------- Home Video Overlay -----------*/
    #inner-box p {
        font-size: 20px;
    }
    #inner-box img {
        width: 50px;
    }
    .overlay iframe {
        width: 100%;
        height: 190px;
    }
    .inner-box-main {
        left: 50%;
        width: 340px;
        margin-left: -170px;
        height: 190px;
    }
    /*-------- Home Video Overlay End ---------*/
    /*============================ INTRODUCING SECTION ===============================*/
    .introducing-section {
        margin-top: 15px;
        background-image: none;
    }
    .introducing-top {
        padding-top: 0;
    }
    .introducing-top h3 {
        font-size: 13px;
        line-height: 17px;
    }
    .introducing-top div img {
        width: 160px;
    }
    .introducing-top span {
        font-size: 16px;
        padding: 5px 17px;
    }
    .introducing-top p {
        font-size: 14px;
    }
    .introducing-row {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .int-row-col-1-res {
        display: block;
        padding-left: 0;
    }
    .int-row-col-1 {
        display: none;
    }
    .introducing-row .align-self-center {
        margin-top: 20px;
    }
    .int-col-left:before, .int-col-right:before {
        content: none;
    }
    .int-col-left, .int-col-right {
        width: 50%;
        margin-left: 0;
    }
    .int-col-btn {
        padding-top: 25px;
    }
    .int-col-btn a {
        font-size: 16px;
        padding: 15px 28px;
    }
    /*============================== BENEFITS SECTION ================================*/
    .benefits-top h3 {
        padding-top: 25px;
        font-size: 25px;
    }
    .benefits-row .col-md-4 {
        padding-top: 20px;
    }
    .benefits-row img {
        width: 200px;
    }
    /*================================ DEMO SECTION ==================================*/
    .demo-top {
        padding-top: 70px;
    }
    .demo-top h3 {
        font-size: 24px;
    }
    .demo-top p {
        font-size: 16px;
    }
    .demo-top p br {
        display: none;
    }
    .demo-row {
        padding-top: 20px;
        margin-right: -15px;
        margin-left: -15px;
        text-align: center;
    }
    .demo-row .align-self-end {
        display: none;
    }
    .demo-lap {
        display: none;
    }
    .demo-lap-res {
        display: none;
    }
    .demo-play img {
        width: 40px;
    }
    .demo-play {
        display: none;
    }
    .demo-video {
        position: unset;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        height: 100%;
    }
    .demo-video iframe {
        width: 100%;
        height: 100%;
    }
    .demo-content {
        margin-top: 20px;
    }
    .demo-content .col-md-6 {
        margin-left: 0;
    }
    .demo-content span {
        font-size: 13px;
        line-height: 20px;
        width: 90%;
    }
    /*======================== DIGITAL INFO PRODUCT SECTION ==========================*/
    .digital-section {
        margin-top: 0;
    }
    .digital-top {
        padding-top: 50px;
    }
    .dig-t-span {
        font-size: 14px;
        padding: 7px 19px;
    }
    .digital-top h3 {
        font-size: 21px;
        padding-top: 25px;
    }
    .digital-top h3 br {
        display: none;
    }
    .digital-row {
        padding-top: 20px;
    }
    .dig-r-col-left {
        display: none;
    }
    .dig-r-col-right {
        padding-right: 15px;
    }
    .dig-r-head {
        font-size: 33px;
        text-align: center;
    }
    .digital-list {
        padding-top: 20px;
    }
    .digital-list:before {
        display: none;
    }
    .digital-list li {
        padding-bottom: 15px;
    }
    .digital-list li p {
        font-size: 14px;
        padding-left: 15px;
        width: 72%;
    }
    .digital-list li p br {
        display: none;
    }
    /*============================ INSTALLATION SECTION ==============================*/
    .install-section {
        margin-top: -20px;
    }
    .install-row {
        padding-top: 20%;
    }
    .install-col-left, .install-col-right {
        margin: 0;
        text-align: center;
    }
    .install-col-left img {
        max-width: 80%;
    }
    .install-col-right h2 {
        font-size: 26px;
        padding-top: 25px;
    }
    .install-col-right h2 br {
        display: none;
    }
    .install-col-right a {
        font-size: 12px;
        padding: 18px 25px;
        margin-top: 20px;
    }
    /*============================ EBOOK CREATOR SECTION =============================*/
    .creator-section {
        background-image: url(img/bg/section-7-res.png);
        background-size: cover;
        margin-top: 30px;
    }
    .creator-row {
        padding-top: 0;
    }
    .creator-col-left h1 {
        font-size: 22px;
        text-align: center;
        padding-left: 0;
    }
    .creator-col-left h2 {
        font-size: 25px;
        padding: 7px 20px;
        text-align: center;
    }
    .creator-col-left h1 br, .creator-col-right h2 br {
        display: none;
    }
    .creator-col-right {
        margin-left: 0;
        padding-top: 20px;
        flex: 100%;
        max-width: 100%;
    }
    .creator-col-right h2 {
        font-size: 24px;
        text-align: center;
        padding: 0;
    }
    .cre-c-r-span {
        font-size: 11px;
        text-align: center;
        padding: 6px 25px;
        margin-top: 15px;
    }
    .creator-col-right p {
        font-size: 12px;
        text-align: center;
        padding: 0;
        padding-top: 15px;
    }
    .creator-col-left {
        padding-top: 25px;
    }
    .creator-cont-row {
        padding-left: 0;
        padding-top: 25px;
    }
    .cre-c-r-middle {
        padding-bottom: 0;
        margin: 0;
        width: 33.33%;
        text-align: center;
    }
    .creator-cont-row img {
        width: 65px;
        height: 64px;
    }
    .creator-cont-row span {
        width: 100%;
        font-size: 12px;
        padding-top: 10px;
        padding-left: 0;
    }
    .creator-bottom-row {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .creator-bottom-row .col-md-5 {
        text-align: center;
    }
    .creator-bottom-row .col-md-5:before {
        content: none;
    }
    .creator-bottom-row .col-md-5 h1 {
        text-align: -webkit-center;
        padding-bottom: 20px;
    }
    .creator-bottom-row .col-md-5 img {
        max-width: 80%;
    }
    .creator-bottom-row .col-md-5 div {
        padding-top: 25px;
        padding-left: 0;
    }
    .creator-bottom-row p {
        font-size: 13px;
        padding-bottom: 20px;
    }
    .creator-bottom-row p br {
        display: none;
    }
    /*=========================== INSTANT CONTENT SECTION ============================*/
    .instant-section {
        background-size: cover;
        margin-top: 0;
    }
    .instant-row {
        padding-top: 30px;
    }
    .instant-row:before {
        display: none;
    }
    .instant-list li {
        padding-bottom: 30px;
    }
    .instant-list li p {
        font-size: 13px;
        padding-top: 20px;
    }
    .instant-list li p br, .instant-col-contnet p br {
        display: none;
    }
    .instant-col-right {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .instant-col-contnet {
        background-size: 100% 100%;
        padding-top: 10px;
        padding-bottom: 80px;
        padding-left: 0;
        text-align: center;
    }
    .instant-col-contnet:before {
        content: none;
    }
    .instant-col-contnet h1 {
        padding-left: 70px;
    }
    .instant-col-contnet h1 span {
        padding: 44px 20px;
        font-size: 22px;
    }
    .instant-col-contnet img {
        max-width: 45%;
        margin-top: 20px;
    }
    .instant-col-contnet h2 {
        font-size: 16px;
        padding-top: 25px;
    }
    .instant-col-contnet p {
        font-size: 12px;
        padding-top: 12px;
        padding-right: 3%;
        width: 80%;
        margin: 0 10% !important;
    }
    /*========================= CUSTOMIZE & PUBLISH SECTION ==========================*/
    .publish-section {
        background-image: url(img/bg/section-7-res.png);
        background-size: cover;
        margin-top: 30px;
        padding: 0;
    }
    .publish-row {
        padding-top: 30px;
        padding-bottom: 10px;
        display: inline-block;
    }
    .publish-col-left {
        padding: 0 15px;
        width: 100%;
    }
    .p-top-content {
        text-align: center;
    }
    .p-top-content h1 {
        left: 0;
    }
    .p-top-content h1 span {
        display: inline-block;
        padding: 52px 28px;
        font-size: 25px
    }
    .p-top-content img {
        max-width: 65%;
        margin-top: 30px;
    }
    .p-top-content h2 {
        font-size: 25px;
        padding-top: 20px;
    }
    .p-top-content p {
        font-size: 14px;
        padding-top: 15px;
    }
    .p-top-c-span {
        font-size: 14px;
        padding: 0;
        padding-top: 15px;
        margin: 0;
    }
    .p-bottom-content p {
        font-size: 13px;
        width: 78%;
        padding-left: 20px;
    }
    .p-bottom-content p br, .p-top-content p br {
        display: none;
    }
    .publish-col-right, .publish-col-right img {
        width: 100%;
        max-width: 100%;
        position: inherit;
        padding-top: 10px;
    }
    /*============================ DROPPING EBOOK SECTION ============================*/
    .dropping-section {
        background-size: cover;
        margin-top: 0;
    }
    .dropping-row {
        padding-top: 20px;
    }
    .dropping-row h2 {
        padding: 0 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    .dropping-row h2 br {
        display: none;
    }
    .dropping-col {
        margin-top: 0;
    }
    /*=========================== PUBLISH DIRECTLY SECTION ===========================*/
    .directly-section {
        background-image: url(img/bg/section-11-res.png);
        margin-top: -20px;
    }
    .directly-row {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .dir-top-content span {
        font-size: 18px;
        padding: 10px 30px;
    }
    .dir-top-content h2 {
        font-size: 25px;
        padding-top: 20px;
    }
    .directly-list {
        padding: 0;
        margin-top: 20px;
    }
    .directly-list li {
        margin-bottom: 10px;
    }
    .directly-list:before, .directly-list:after, .circle {
        display: none;
        content: none;
    }
    .directly-panel {
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .directly-panel-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        text-align: center;
    }
    .directly-panel-content h3 {
        font-size: 21px;
    }
    .directly-panel-content h3 br, .directly-panel-content p br {
        display: none;
    }
    .directly-list-2 {
        margin-top: 0;
    }
    .directly-list-2 .directly-panel-content {
        padding-top: 20px;
    }
    /*============================= HIGHER PRICE SECTION =============================*/
    .price-section {
        margin-top: -18px;
        padding-bottom: 20px;
    }
    .price-top {
        padding-top: 30px;
    }
    .price-left {
        padding: 0 15px;
        text-align: center;
    }
    .price-left h1 {
        font-size: 26px;
    }
    .price-left p {
        font-size: 14px;
    }
    .price-left p br {
        display: none;
    }
    .p-left-img {
        display: none;
    }
    .p-left-img-res {
        display: block;
        padding-top: 25px;
    }
    .p-left-img-res img {
        max-width: 70%;
    }
    .price-right {
        max-width: 100%;
        padding-top: 20px;
    }
    .p-slider-image {
        padding-top: 20px;
    }
    .p-slider-image img {
        max-width: 40%;
    }
    .price-slider .carousel-item p {
        font-size: 14px;
    }
    .price-slider .carousel-item p br {
        display: none;
    }
    /*=============================== ENGAGED SECTION ================================*/
    .engaged-section {
        background-image: url(img/bg/section-13-res.png);
        background-size: cover;
        margin-top: -60px;
        padding-top: 80px;
    }
    .engaged-list {
        padding: 0;
        text-align: center;
    }
    .engaged-list:before, .engaged-circle {
        display: none;
    }
    .engaged-panel {
        width: 100%;
    }
    .engaged-panel-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .engaged-panel-content h3 {
        font-size: 24px;
        padding-bottom: 20px;
    }
    .engaged-panel-content h3 br, .engaged-panel-content p br, .engaged-panel-content h4 br {
        display: none;
    }
    .engaged-panel-content h4 {
        font-size: 24px;
        padding-top: 10px;
    }
    .engaged-row {
        padding-top: 0;
        text-align: center;
    }
    .engaged-row h2 {
        font-size: 24px;
        padding: 0 15px;
        padding-bottom: 25px;
    }
    .engaged-panel-content h4:before, .engaged-panel-row:before, .engaged-panel-row:after  {
        display: none;
    }
    /*============================== EXPENSIVE SECTION ===============================*/
    .expensive-section {
        background-color: #fafafa;
        background-image: none;
        margin-top: -40px;
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .expensive-col-left {
        padding-left: 15px;
        text-align: center;
    }
    .expensive-col-left h2 {
        font-size: 24px;
        padding-bottom: 20px;
    }
    .expensive-col-left h2 br, .expensive-col-left p br {
        display: none;
    }
    /*========================== AUTOMATIC CONTENT SECTION ===========================*/
    .automatic-row {
        padding-top: 20px;
    }
    .automatic-col-left {
        padding: 0 15px;
        margin-top: 0;
    }
    .automatic-content {
        text-align: center;
        padding: 20px;
        margin-left: 0;
        box-shadow: 0 0 38px rgba(188,188,188,.10);
    }
    .automatic-content h1 {
        font-size: 24px;
        padding-top: 5px;
    }
    .automatic-content h2 {
        font-size: 22px;
        padding-top: 15px;
    }
    .automatic-content p br {
        display: none;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .table-row {
        padding-top: 80px;
    }
    .table-col-left {
        padding-right: 15px;
        margin-left: 0;
        text-align: center;
    }
    .table-content {
        padding: 10%;
        padding-bottom: 15%;
        box-shadow: 0 0 38px rgba(188,188,188,.10);
    }
    .table-content h1 {
        font-size: 24px;
        padding-top: 5px;
    }
    .table-content h1 br {
        display: none;
    }
    .table-content p {
        line-height: 25px;
        padding-top: 15px;
    }
    .table-col-right {
        padding-top: 10px;
    }
    /*=========================== AUTOMATIC TABLE SECTION ============================*/
    .header-section {
        padding-top: 0;
    }
    .header-section:before, .header-section:after {
        display: none;
    }
    .header-col-left {
        margin-top: 10px;
    }
    .header-content {
        padding: 30px;
        padding-bottom: 30px;
        box-shadow: 0 0 38px rgba(188,188,188,.10);
    }
    .header-content h1 {
        font-size: 24px;
        padding-top: 5px;
    }
    .header-content h1 br {
        display: none;
    }
    .header-col-right {
        text-align: center;
        margin-top: 30px;
    }
    .header-content p {
        line-height: 25px;
        padding-top: 20px;
    }
    .header-content p br {
        display: none;
    }
    /*============================== DRAG DROP SECTION ===============================*/
    .drag-section {
        background-size: cover;
        padding: 50px 0;
    }
    .drag-col-left {
        padding: 0 15px;
        padding-top: 0;
    }
    .drag-content {
        padding: 20px;
        padding-bottom: 30px;
        text-align: center;
    }
    .drag-content h1 {
        font-size: 24px;
        padding-top: 10px;
    }
    .drag-content h1 br, .drag-content p br {
        display: none;
    }
    .drag-content p {
        padding-top: 20px;
    }
    .drag-col-right {
        padding: 0 15px;
        padding-top: 30px;
        margin-left: 0;
    }
    /*============================= CUSTOMIZABLE SECTION =============================*/
    .customizable-section {
        background-color: #ffffff;
        margin-top: -20px;
        padding-top: 0;
    }
    .customizable-row {
        height: auto;
        margin-top: 0;
        text-align: center;
    }
    .customizable-col-right {
        padding: 0 15px;
    }
    .row-1 .customizable-col-left {
        max-width: initial;
        height: auto;
        display: inline-block;
        padding: 0 15px;
    }
    .customizable-content {
        padding: 30px 0;
    }
    .customizable-content h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }
    .customizable-content h1 br, .customizable-content p br {
        display: none;
    }
    .customizable-content p {
        line-height: 25px;
        padding-top: 10px;
    }
    .row-2 .customizable-col-left {
        max-width: inherit;
        margin-left: 0;
        padding: 0 15px;
        display: inline-block;
    }
    .row-3 .customizable-col-left {
        max-width: inherit;
        padding: 0 15px;
        padding-top: 0;
        display: inline-block;
    }
    /*============================== EVER NEED SECTION ===============================*/
    .need-section {
        background-size: cover;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 100px;
    }
    .need-section:before {
        display: none;
    }
    .need-section h1 {
        font-size: 28px;
        padding-top: 50%;
        padding-bottom: 30px;
    }
    .need-section h1 br {
        display: none;
    }
    .need-row {
        text-align: left;
        padding-top: 0;
    }
    .need-1, .need-2 {
        margin-left: 0;
    }
    .need-col {
        padding-top: 20px;
    }
    .need-col img {
        width: 70px;
        float: left;
    }
    .need-col p {
        font-size: 14px;
        padding-top: 0;
        margin-left: 20px !important;
        width: 67%;
        display: inline-block;
    }
    .need-col p br {
        display: none;
    }
    .need-col p span {
        display: none;
    }
    /*============================= ACCESS TABLE SECTION =============================*/
    .access-section {
        background-size: cover;
        margin-top: 20px;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .access-row {
        text-align: center;
    }
    .access-content {
        margin-left: 0;
    }
    .access-content h2 {
        font-size: 29px;
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .access-content h2 br {
        display: none;
    }
    .access-content a {
        font-size: 15px;
        padding: 17px 30px;
    }
    .access-right {
        padding-top: 30px;
    }
    .access-right img {
        max-width: 100%;
        position: initial;
        top: 0;
    }
    .access-center {
        margin-left: 0;
        padding: 0 15px;
        padding-top: 30px;
    }
    /*============================ GORGEOUS TABLE SECTION ============================*/
    .go-top-left {
        margin-left: 0;
    }
    .go-top-left span {
        font-size: 23px;
        padding: 10px 10px;
        float: left;
    }
    .gorgeous-row-top {
        text-align: center;
    }
    .go-top-left h1 {
        font-size: 50px;
        padding-bottom: 10px;
        margin-top: -30px !important;
    }
    .go-top-left p {
        font-size: 26px;
    }
    .go-top-left p br {
        display: none;
    }
    .gorgeous-row-center {
        margin-top: 0;
    }
    .gorgeous-row-bottom {
        margin-top: -70px;
    }
    /*=============================== TEMPLATE SECTION ===============================*/
    .template-section {
        margin-top: -50px;
        padding-top: 100px;
    }
    .template-row {
        text-align: center;
    }
    .template-col-left h1 {
        font-size: 26px;
    }
    .template-col-left h2 {
        font-size: 26px;
        padding-bottom: 15px;
    }
    .template-col-left h1 br, .template-col-left p br, .template-col-left h2 br {
        display: none;
    }
    .template-col-left p {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .template-col-left a {
        font-size: 14px;
        padding: 19px 22px;
    }
    .template-col-right {
        padding-top: 30px;
    }
    /*================================ SINGLE SECTION ================================*/
    .single-section {
        background-image: url(img/bg/section-24-res.png);
        background-size: cover;
        padding: 29px 20px;
        padding-top: 150px;
        margin-top: -70px;
    }
    .single-row {
        text-align: center;
    }
    .single-col-left h1 {
        font-size: 25px;
        padding-bottom: 15px;
    }
    .single-col-left p {
        font-size: 14px;
        color: #eaf6f0;
        padding-bottom: 15px;
    }
    .single-col-left p br {
        display: none;
    }
    .single-col-right {
        padding-top: 15px;
    }
    /*================================= WORK SECTION =================================*/
    .work-row {
        padding: 0 15px;
        text-align: center;
    }
    .work-col-left h1 {
        font-size: 30px;
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .work-col-left p {
        padding-bottom: 15px;
    }
    .work-col-left p br {
        display: none;
    }
    /*================================= ORDER SECTION ================================*/
    .order-section {
        background-image: none;
        padding: 20px 15px;
        background-color: #62b9f8;
        margin-top: 30px;
    }
    .order-col-right:before, .order-col-right:after {
        display: none;
    }
    .order-row {
        text-align: center;
    }
    .order-col-right h1 {
        font-size: 28px;
    }
    .order-col-right h1 br, .order-col-right p br {
        display: none;
    }
    .order-col-left {
        padding-top: 30px;
    }
    /*============================== COMPETITION SECTION =============================*/
    .competition-row {
        padding-top: 20px;
    }
    .competition-col-right {
        padding-right: 15px;
        text-align: center;
    }
    .competition-col-right h1 {
        font-size: 26px;
        padding-bottom: 20px;
    }
    .competition-col-right h1 br {
        display: none;
    }
    .competition-col-right p {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .competition-list {
        padding-bottom: 15px;
    }
    .competition-list li {
        display: inline-block;
        width: 100%;
    }
    .competition-list li span {
        width: 14px;
        height: 14px;
        margin-top: 5px;
        margin-right: 15px;
        float: left;
    }
    .competition-list li div {
        width: 89%;
        float: left;
    }
    .competition-list li div h3 {
        font-size: 16px;
        padding-bottom: 5px;
        text-align: left;
    }
    .competition-list li div p {
        font-size: 13px;
        text-align: left;
    }
    .competition-col-left {
        padding: 0 15px;
        padding-top: 20px;
        text-align: center;
    }
    /*================================== NEWS SECTION ================================*/
    .news-section {
        background-size: 100% 100%;
        padding-top: 30px;
        padding-bottom: 250px;
        margin-top: 80px;
    }
    .news-col-right {
        padding-top: 0;
        margin-top: -150px;
        text-align: center;
    }
    .news-col-span {
        background-size: 100% 100%;
        font-size: 24px;
        line-height: 35px;
        padding: 0 30px 4px 10px;
    }
    .news-col-right h2 {
        font-size: 22px;
        padding-left: 0;
        padding-top: 10px;
    }
    .news-col-right h2 br, .news-col-right p br {
        display: none;
    }
    .news-col-right p {
        font-size: 13px;
        padding-left: 0;
        padding-top: 10px;
    }
    /*=============================== COMMERCIAL SECTION =============================*/
    .commercial-row {
        text-align: center;
        padding-top: 20px;
    }
    .commercial-col-left {
        padding: 0 15px;
        padding-top: 25px;
    }
    .commercial-span {
        font-size: 16px;
        padding: 13px 15px;
        border-radius: 50px;
    }
    .commercial-col-right h2 {
        font-size: 26px;
        padding-left: 0;
        padding-top: 20px;
    }
    .commercial-col-right h2 br, .commercial-col-right p br, .commercial-col-right h3 br {
        display: none;
    }
    .commercial-col-right p, .commercial-col-right h3 {
        font-size: 14px;
        padding-left: 0;
        padding-top: 15px;
    }
    /*================================ LICENSE SECTION ===============================*/
    .licence-section {
        padding-top: 25px;
    }
    .licence-section h1 {
        font-size: 26px;
    }
    .licence-row {
        padding-top: 25px;
    }
    .licence-col-right {
        padding-top: 0;
        text-align: center;
    }
    .licence-col-right h2 {
        font-size: 24px;
        padding-bottom: 10px;
    }
    .licence-col-right p {
        font-size: 14px;
        line-height: 1.5;
    }
    .licence-col-right h2 br, .licence-col-right p br, .licence-section h1 br {
        display: none;
    }
    .licence-col-left {
        padding-top: 25px;
    }
    .licence-row-bottom {
        margin-top: 0;
    }
    .licence-b-col-right {
        padding-right: 15px;
        margin-left: 0;
        text-align: center;
        flex: 100%;
        max-width: 100%;
    }
    .licence-b-col-span {
        font-size: 16px;
        padding: 13px 15px;
        border-radius: 50px;
        margin-bottom: 20px;
    }
    .licence-b-col-right h2 {
        font-size: 24px;
        padding-bottom: 10px;
        padding-left: 0;
    }
    .licence-b-col-right p {
        font-size: 14px;
        line-height: 1.5;
        padding-left: 0;
    }
    .licence-b-col-right p br {
        display: none;
    }
    /*================================= BONUS SECTION ================================*/
    .bonus-section {
        background-size: cover;
        margin-top: -50px;
        padding-top: 180px;
        padding-bottom: 30px;
    }
    .bonus-section:before {
        display: none;
    }
    .bonus-top-row {
        text-align: center;
    }
    .bonus-top-col-span {
        font-size: 16px;
        padding: 13px 15px;
        border-radius: 50px;
        margin-bottom: 20px;
    }
    .bonus-top-col-right h2 {
        font-size: 28px;
        padding-left: 0;
        padding-bottom: 15px;
    }
    .bonus-top-col-right p {
        font-size: 14px;
        padding-left: 0;
    }
    .bonus-top-col-right h2 br, .bonus-top-col-right p br {
        display: none;
    }
    .bonus-list {
        padding: 0;
        padding-top: 20px;
        text-align: center;
    }
    .bonus-list li {
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    .bonus-list li:before {
        display: none;
    }
    .bonus-list h3 {
        font-size: 24px;
        padding-bottom: 20px;
    }
    .bonus-list li span {
        margin-left: 0;
    }
    .bonus-list li div {
        display: inline-block;
        width: 100%;
    }
    .bonus-list li div p {
        padding-left: 0;
        padding-top: 10px;
    }
    .bonus-list li div p br {
        display: none;
    }
    .bonus-bottom-row {
        padding-top: 0;
        text-align: center;
    }
    .bonus-bottom-col-right {
        padding: 0 15px;
    }
    .bonus-bottom-col-right h3 {
        font-size: 15px;
        padding: 25px 40px;
        border-radius: 100px;
        margin-bottom: 20px !important;
    }
    .bonus-bottom-col-right h3 br, .bonus-bottom-col-right p br {
        display: none;
    }
    .bonus-bottom-col-right p {
        font-size: 15px;
        padding-left: 0;
        padding-bottom: 15px;
    }
    .bonus-bottom-col-left {
        padding: 15px;
        padding-bottom: 30%;
    }
    /*=============================== EXCITING SECTION ===============================*/
    .exciting-col-right h2 {
        font-size: 15px;
        padding: 20px 0;
    }
    .exciting-col-right p {
        background-image: none;
        font-size: 16px;
        padding: 25px 20px;
        background-color: #f57358;
        border-radius: 100px;
    }
    .exciting-col-right p br {
        display: none;
    }
    /*================================ DEMAND SECTION ================================*/
    .demand-section {
        background-size: cover;
    }
    .demand-list {
        padding: 0;
        margin-top: 20px;
        text-align: center;
    }
    .demand-list:before, .demand-circle {
        display: none;
    }
    .demand-list li {
        margin-bottom: 0;
    }
    .demand-panel {
        width: 100%;
        padding-right: 0;
        margin-top: 0;
    }
    .demand-panel-content {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .demand-panel-content h3 {
        font-size: 18px;
        padding-bottom: 15px;
        line-height: 1.3;
        text-align: center;
    }
    .demand-panel-content h3 br {
        display: none;
    }
    .demand-list-2 .demand-panel-content {
        padding-top: 15px;
        padding-right: 0;
        padding-left: 0;
    }
    .cash-col-left {
        text-align: center!important;
        padding-top: 30px !important;
    }
    .demand-list-2 {
        margin-top: 0;
    }
    .demand-list li.demand-list-2 > .demand-panel {
        padding-left: 0;
        margin-top: -30px;
    }
    .demand-list li.demand-list-2 > .demand-panel.demand-panel-cash {
        margin-top: 30px;
    }
    .demand-list-3 .demand-panel {
        margin-top: -20px;
        padding-bottom: 20px;
    }
    .demand-panel-content h4 {
        font-size: 18px;
        padding-bottom: 15px;
        margin-top: -5px !important;
    }
    .demand-panel-content h4 br {
        display: none;
    }
    .demand-panel-content p {
        font-size: 14px;
    }
    /*================================= CASH SECTION =================================*/
    .cash-row {
        padding-top: 10px;
        text-align: center;
    }
    .cash-col-left h1 {
        font-size: 20px;
        padding-bottom: 15px;
    }
    .cash-col-left h1 br {
        display: none;
    }
    .cash-col-left p {
        font-size: 13px;
        padding-bottom: 15px;
    }
    .cash-col-left h2 {
        font-size: 20px;
        padding-bottom: 15px;
    }
    /*================================ CLIENT SECTION ================================*/
    .client-section {
        background-size: cover;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20%;
        text-align: center;
    }
    .client-col-right h1 {
        font-size: 19px;
        padding: 15px 5px;
        margin-top: 25px !important;
    }
    .client-list {
        padding: 0;
        padding-top: 25px;
        text-align: left;
    }
    .client-list li {
        padding-bottom: 10px;
    }
    .client-list p {
        font-size: 14px;
        width: 85%;
        margin-left: 15px !important;
    }
    .client-col-right {
        padding-top: 0;
    }
    .client-b-col h2 {
        font-size: 18px;
        padding-top: 30px;
        padding-left: 0;
        text-align: left;
        padding-right: 18%;
    }
    .client-b-col h2 br {
        display: none;
    }
    /*================================ AGENCY SECTION ================================*/
    .agency-section {
        background-size: cover;
        margin-top: 0;
        padding-bottom: 0;
    }
    .agency-row {
        padding-top: 30px;
    }
    .agency-col-left {
        padding-left: 15px;
        padding-top: 0;
        text-align: center;
    }
    .agency-col-left h1 {
        font-size: 16px;
        padding: 13px 15px;
        border-radius: 50px;
        margin-bottom: 20px;
    }
    .agency-col-left h2 {
        font-size: 26px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
    }
    .agency-col-left h2 br, .agency-col-left p br {
        display: none;
    }
    .agency-col-left p {
        line-height: 1.7;
        padding-bottom: 10px;
        padding-left: 0;
    }
    /*============================= TESTIMONIAL SECTION ==============================*/
    .testimonial-section {
        padding-top: 30px;
    }
    .testimonial-section:before, .testimonial-section:after {
        display: none;
    }
    .testimonial-section h1 {
        font-size: 40px;
        padding-bottom: 10px;
    }
    .testimonial-section h2 {
        font-size: 17px;
    }
    .testimonial-row {
        padding-top: 40px;
    }
    .testimonial-col {
        padding: 0 15px;
        padding-bottom: 30px;
    }
    .testimonial-main {
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 50px;
    }
    .tes-c-head img {
        width: 20px;
    }
    .tes-c-head div {
        padding-top: 0;
        padding-left: 10px;
    }
    .tes-c-head div h3 {
        font-size: 14px;
        padding-bottom: 0;
    }
    .flexslider .slides .tes-c-img img, .tes-c-img img {
        width: 50px;
        height: 50px;
    }
    .tes-c-head div p {
        font-size: 10px;
    }
    .tes-c-center {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .tes-c-center p {
        font-size: 13px;
        padding-left: 15px;
    }
    /*================================= RECAP SECTION ================================*/
    .recap-section {
        background-size: cover;
        padding-top: 130px;
        padding-bottom: 350px;
        margin-top: -80px;
    }
    .recap-section:before {
        display: none;
    }
    .recap-section h1 {
        font-size: 26px;
        padding-bottom: 0;
    }
    .recap-col {
        text-align: center;
        padding-top: 30px;
        width: 50%;
    }
    .recap-col p {
        font-size: 12px;
        padding-top: 10px;
    }
    /*================================= ULTIMATE SECTION ================================*/
    .ultimate-section {
        background-image: none;
        margin-top: -190px;
        padding-top: 0;
    }
    .ultimate-section h1 {
        font-size: 33px;
        padding-bottom: 10px;
    }
    .ultimate-section h1 br {
        display: none;
    }
    .ultimate-section h2 {
        font-size: 19px;
    }
    .included-sec-span {
        font-size: 18px;
        padding: 12px 30px;
    }
    /*================================= INCLUDED SECTION ================================*/
    .included-section {
        background-size: cover;
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .included-row {
        padding-top: 20px;
    }
    .included-col {
        padding-bottom: 20px;
    }
    .included-col h3 {
        font-size: 21px;
        padding-top: 5px;
    }
    .included-col h4 {
        font-size: 16px;
        padding-top: 5px;
    }
    .included-col p {
        font-size: 14px;
        padding-top: 15px;
    }
    .included-col p br {
        display: none;
    }
    /*=================================== SAVE SECTION ==================================*/
    .save-section {
        background-image: url(img/bg/section-43-res.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .save-col-right h3 {
        font-size: 45px;
    }
    .save-col-right h4 {
        font-size: 26px;
        margin-top: 0 !important;
    }
    .save-col-right p {
        font-size: 17px;
        padding-top: 10px;
    }
    .save-btn {
        font-size: 30px;
        padding: 12px 30px;
        border-radius: 20px;
    }
    .save-col-left {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /*================================= STUNNING SECTION ================================*/
    .stunning-row {
        padding-top: 30px;
    }
    .stunning-col-left h2 {
        font-size: 25px;
        padding-bottom: 20px;
        text-align: center;
    }
    .stunning-col-left h2 br {
        display: none;
    }
    .stunning-list li img {
        width: 25px;
    }
    .stunning-list li p {
        font-size: 15px;
        padding-left: 20px;
        width: 89%;
    }
    .stunning-btn {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .stunning-btn a {
        font-size: 15px;
        padding: 14px 25px;
        border: 2px solid transparent;
    }
    .stunning-btn a:hover, .stunning-btn a:focus {
        border: 2px solid #4c55f2;
    }
    .stunning-btn a:before {
        left: -20px;
        top: -7px;
    }
    .stunning-btn a:after {
        right: -22px;
        top: -8px;
    }
    /*================================== MONEY SECTION ==================================*/
    .money-section {
        margin-top: 0;
        padding-top: 30px;
    }
    .money-col-right h2 {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .money-col-right p {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .money-col-right p br {
        display: none;
    }
    .money-col-left {
        margin-top: 0;
    }
    /*=================================== ABOUT SECTION =================================*/
    .about-section {
        margin-top: 30px;
        padding: 20px;
    }
    .about-row {
        text-align: center;
    }
    .a-top-right {
        padding-left: 15px;
    }
    .about-col-right h2 {
        font-size: 23px;
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .about-col-right p {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .about-col-right p br {
        display: none;
    }
    .about-bottom-row {
        padding-top: 0;
        text-align: center;
    }
    /*================================ FREQUENTLY SECTION ===============================*/
    .frequently-section {
        padding-top: 25px;
    }
    .frequently-section h1 {
        font-size: 30px;
    }
    .frequently-row {
        padding-top: 30px;
    }
    .frequently-col {
        padding-bottom: 25px;
    }
    .frequently-col span {
        width: 15px;
        height: 15px;
    }
    .frequently-col div {
        width: 93%;
    }
    .frequently-col div h2 {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .frequently-col div p {
        font-size: 13px;
    }
    /*================================== FOOTER SECTION =================================*/
    .footer-section {
        background-image: url(img/bg/section-48-res.png);
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-col img {
        max-width: 60%;
    }
    .footer-list {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .footer-list li {
        width: 100%;
        border-left: none;
        padding: 0;
        line-height: initial;
    }
    .footer-list-btn {
        font-size: 15px;
        padding: 7px 31px;
    }
    .footer-col p {
        font-size: 14px;
        padding-top: 20px;
    }
    /*================================== EFFORT SECTION =================================*/
    .effort-section {
        background-image: url(img/bg/section-49-res.png);
        background-size: cover;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .effort-row {
        text-align: center;
    }
    .effort-col-right {
        padding-left: 15px;
    }
    .effort-col-btn {
        font-size: 18px;
        padding: 14px 15px;
        margin-top: 35px;
        margin-bottom: 25px;
        border-radius: 50px;
    }
    .effort-col-right p {
        padding-bottom: 20px;
        font-size: 14px;
    }
	
	.counter-btm p:first-child span{font-size: 25px;}

}

#clockdiv {
    font-family: montserrat,sans-serif;
}

.countDownContainer.pgCountDown{position:relative;}
.countDownContainer.pgCountDown:before{position:absolute; width:52px; height:52px; top:-10px; right:100%; background:url('img/Star_2.png') no-repeat center;content:'';}
.countDownContainer.pgCountDown:after{position:absolute; width:32px; height:31px; top:15px; left:100%; background:url('img/Star_1.png') no-repeat center; content:'';}


/*.cbtb .trust-badge.tab{top: 80px !important;}*/
@media only screen and (max-width:600px){
	.banerLeft, .banerRight{width: 100%;}
	.banerTop{height: 110px; line-height: 50px;}
/*
	.cbtb .trust-badge.tab{top: 110px !important;}
	div.home-section{margin-top: 110px !important;}
*/}

@media only screen and (max-width:1200px){
.headerTop:before, .headerTop:after{width: 160px;}
}
@media only screen and (max-width:768px){
	.headerTop{
        /* background-image: url(img/header_top.jpg?v29032023);*/
        background-image: url(img/header_top-50.jpg);
    }
}

@media (max-width: 380px) {

	.page-btn a  {
		text-align:right;
	}
}

.unmute-box{
	width: 700px;
    margin: auto !important;
    position: absolute;
    left: 0;
    top: 18%;
    right: 0;
    bottom: 0;
    
}
.unmute-box p{
    font-weight: 700;
    color: white;
	font-size: 50px;
}
.video-shape-1{
	position: absolute;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
}
.video-shape-2{
	position: absolute;
    z-index: 999999;
    left: 0;
    bottom: 0;
    width: 100% !important;
    height: auto !important;
}
.video-autoplay-overlay-image{
	width: 100% !important;
	height: 100%;
	margin: 0 auto !important;
	left: 0 !important;
	right: 0 !important
}
.video-autoplay-overlay-bottom{
	background-image: url(img/shape_2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 1px; 
}
.video-autoplay-overlaydemotwo-image{
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.demo-video{
    height: 480px !important;
}
.demo-video{
        height: unset !important;
}
.overlaydemotwo .unmute-box {
    top: 38%;
}


@media (max-width: 1600px) {
   
}



@media (max-width: 1200px) {
    .unmute-box{
        width: 100%;
        top: 31% !important;
    }
    .unmute-box img{
        max-width: 60px;
    }
    .unmute-box p{
        font-size: 25px;
        margin-bottom: 0;
    }
    .video-autoplay-overlaydemotwo-image{
        height: 100% !important;
    }
    .demo-video iframe {
        height: 285px;
    }

}


@media (max-width: 991px) {
    .demo-video iframe {
        height: 219px;
    }
}


@media (max-width: 767px) {
    .unmute-box{
        top: 22% !important;
    }
    .video-autoplay-overlay-play{
        display: block;
        width: 50px !important;
        background-size: cover !important;
        height: 50px !important;
        left: 57% !important;
        top: 65% !important;
        line-height: 32px !important;
    }
    .demo-video iframe {
        height: 163px;
    }
    .video-autoplay-overlaydemotwo-play{
        width: 60px !important;
        height: 60px !important;
        margin: -30px 0px 0px -30px !important;
        background-size: 60px !important;
    }
    .video-autoplay-overlaydemotwo-bottom{
        height: 35px !important;
    }
    .video-autoplay-overlaydemotwo-top{
        height: 35px !important;
    }
    .overlaydemotwo .unmute-box {
        top: 38% !important;
    }
}



@media (max-width: 550px) {
	.video-autoplay-overlay-image {
		width: 100% !important;
		height: 100% !important;
	}
	.unmute-box p {
        font-size: 20px;
	}
}


@media (max-width: 480px) {
    .demo-video iframe {
        height: 220px;
    }
}
.pauseButtons{
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
}
.headerTop {
    position: relative;
}

#sqBadge{
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#sqBadge:hover{
    animation: pulse 500ms;
}
#sqBadge img {
    border:  1px solid #ccc;
    border-top: none;
    border-radius:  6px 6px 6px 6px;
    max-width: 235px;
    width: 100%;
}
@media (max-width: 480px){
#sqBadge {
    display: none;    
}
}
@media (max-width: 992px) {
    #sqBadge {
        display: none;
    }
}
.countDownContainer.pgCountDown:before {
    background: none !important;
}
.countDownContainer.pgCountDown:after {
    background: none !important;
}
.counter-btn:after {
    top: -15px;
    right: -210px;
    height: 135px;
}
@media(max-width: 2180px){
.counter-btn:after {
    z-index: 92147483645 !important;
}
.counter-btm {
    z-index: 999999 !important;
}
}
@media (min-width: 1926px){
div iframe#launcher {
    left: 0px !important;
    z-index: 99999999 !important;
}
}
@media (max-width: 1925px){
div iframe#launcher {
    left: -10px !important;
    z-index: 99999999 !important;
}
}
@media (max-width: 1829px){
div iframe#launcher {
    left: 0% !important;
    z-index: 999999999 !important;
    margin: 0px !important;
}
}
.counter-btn .modal-toggle-btn {
    margin-left: 20px !important;
}
}
@media (max-width: 1450px) {
div iframe#launcher {
    left: 13% !important;
}
.counter-btn:after {
    right: -200px;
    height: 120px;
    top: -15px;
}
}
/* **** Cristmas Banner Responsive **** */
@media only screen and (min-width: 1441px) and (max-width: 1599px){
    .counter-btn:after {
        height: 80px;
    }
}
/* **** Cristmas Banner END **** */
@media (max-width: 1440px){
.counter-btn:after {
    height: 120px;
    width: 192px;
}
}
@media(max-width: 1280px) {
    .counter-btn .modal-toggle-btn {
        font-size: 15px !important;
        margin-left: 20px !important;
    }
}
/* **** Cristmas Banner Responsive **** */
@media only screen and (max-width: 1280px){
    .counter-btn:after {
        height: 80px;
    }
}
@media only screen and (max-width: 1070px){
    .counter-btn:after {
        right: -180px;
        height: 60px;
        top: -10px;
    }
}
/* **** Cristmas Banner END **** */
@media (max-width: 992px) {
    div iframe#launcher {
        left: 150px !important;
        margin-bottom: 13px !important;
    }
}
@media(max-width: 915px){
div iframe#launcher {
    left: 0px !important;
}
/* **** Cristmas Banner Responsive **** */
.counter-btn:after {
    right: 0;
    height: 80px;
    top: -50px;
}
/* **** Cristmas Banner END **** */
}
@media(max-width: 550px){
.counter-btn .modal-toggle-btn {
    max-width: 360px;
    width: 100% !important;
    display: grid !important;
    margin-left: 0px !important;
}
.counter-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 15px;
}
div iframe#launcher {
    margin-bottom: 0px !important;
}
.smalltext {
    font-size: 16px;
}
.counter-btn .modal-toggle-btn {
    font-size: 14px !important;
    display: block !important;
}
}
/* **** counter BEFORE and AFTER **** */
.counter-btm:before {
    content: '';
    position: absolute;
    left: 0;
    height: 175px;
    bottom: 0;
    width: 332px;
    z-index: -1;
    /*background-image: url(img/element_1.png?v02012023);
    background-repeat: no-repeat;
    background-size: contain;*/
}
.counter-btn:after {
    display: none;
}
.counter-btm:after {
    content: '';
    position: absolute;
    /*background-image: url(img/footer-bg-after.png?v02012023);
    background-repeat: no-repeat;
    background-size: contain;*/
    z-index: -1;
    right: 0;
    height: 175px;
    bottom: 0;
    width: 332px;
}
@media(max-width: 915px){
    .counter-btm p:before {
        display: none;
    }
}
@media(max-width: 767px){
    .counter-btm:after {
        display: none;
    }
    .counter-btm:before {
        display: none;
    }
}
/* **** Empty Counter before after **** */
/*.counter-btm:before, .counter-btm:after {
    height: 100%;
}*/
/* Monster Bubdle Deal */
.monsterDeal {
    position: fixed;
    max-width: 300px;
    bottom: 0px;
    max-height: fit-content;
    top: 0px;
    left: 15px;
    padding: 20px 0px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0px 14px 10px rgb(0 0 0 / 30%);
    z-index: 999999;
    opacity: 1;
    margin: auto;
}
.monsterDeal .title-wrap {
/*    padding-left: 45px;*/
    padding-left: 0px;
    height: auto;
/*    background: url(img/layer.png) 0 center / 40px 40px no-repeat;*/
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.monsterDeal .title-wrap .popup_title {
    margin-bottom: 0px;
    font-size: 26px;
    color: #4d55f3;
    font-weight: 700;
    text-align: center;
}
.monsterDeal .content-wrap {
    text-align: center;
}
.cookie-alert-text {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}
.monsterDeal .accept-btn, .monsterDeal .accept-btn:hover, .monsterDeal .accept-btn:focus, .monsterDeal .accept-btn:visited, .monsterDeal .accept-btn:active {
    /* background-color: #52cb12 !important; */
    /*background-color: rgba(255, 255, 255, 0.904) !important;
    color: #254A12;*/
    color: #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 30%) !important;
    outline: none;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}
.monsterDeal .accept-btn, .monsterDeal .accept-btn:visited, .monsterDeal .accept-btn:active, .monsterDeal .accept-btn:focus {
    background-color: #4d55f3 !important;
}
.monsterDeal .accept-btn:hover {
    background-color: #ff7607 !important;
}
.monsterDealPopup {
    max-width: 90%;
    max-height: 355px;
    width: 350px;
    height: fit-content;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    z-index: 999999;
    opacity: 1;
}
.monsterDealPopup .close_icon {
    color: #fff;
    position: absolute;
    line-height: 20px !important;
    width: 30px;
    height: 30px;
    font-size: 20px !important;
    text-align: center;
    background-color: red;
    cursor: pointer;
    border-radius: 50%;
    display: grid;
    align-items: center;
    top: -10px;
    right: -10px;
    padding-bottom: 3px;
}
.monsterDealButton .dealImg {
    max-width: 100%;
    height: auto;
}
@media(max-width: 800px) {
    .monsterDealPopup {
        max-width: 80%;
        width: 280px;
        height: fit-content;
        top: 160px;
        bottom: unset;
        margin: auto;
    }
}