h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
    /* letter-spacing: 6px; */
}


/* section one */

.section {
    min-height: 400px;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.section-one {
    background: url(../images/vc/1.jpg) #cccccc;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover 100%;
    background-attachment: fixed;
}

.section-one-content {
    position: relative;
    top: 20vh;
    color: #000000;
}

.section-one-content h1 {
    font-size: 32px !important;
    line-height: 1;
}

.section-one-content h1 span {
    font-size: 26px;
}

.section-one-content p {
    margin-top: 15px;
    font-size: 19px;
}


/* section one */


/* section two */

.boltt-typed {
    display: block;
    width: 338px;
    position: absolute;
    right: 0;
    top: -130px;
    background-image: url(../images/vc/voice-coach-shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.section-four .boltt-typed {
    right: auto;
    left: 0;
}

.section-fifth .boltt-typed {
    right: 100px;
}

.boltt-typed h2 {
    margin: 10px auto 0;
    color: #fff;
    font-size: 24px !important;
    line-height: 1.1;
    text-align: center;
    height: 90px;
    width: 320px;
    font-family: 'sofia_prolight';
    text-transform: inherit;
    letter-spacing: 0;
}

.section-two {
    background: url(../images/vc/2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-bottom: 1px solid #dddddd;
}

.section-two-content {
    position: relative;
    color: #000000;
}

.section-two-content h1 {
    font-size: 32px !important;
    line-height: 1;
	margin-bottom: 30px;
}

.section-two-content h1 span {
    font-size: 26px;
}

.section-two-content ul {
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

.section-two-content li {
    font-weight: normal;
    margin-top: 15px;
    margin-left: 0;
    font-size: 15px;
}

.section-two-icons-wrapper {
    width: 320px;
    height: 250px;
    margin-top: 70px;
    margin-left: 45px;
    position: relative;
    background: url(../images/vc/triangle.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.section-two-icons-wrapper .items {}

.section-two-icons-wrapper #one,
.section-two-icons-wrapper #two,
.section-two-icons-wrapper #three,
.section-two-icons-wrapper #four {
    position: absolute;
}

.section-two-icons-wrapper img {
    width: 100px;
    height: 100px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.section-two-icons-wrapper img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.section-two-icons-wrapper #one {
    top: -35px;
    left: -35px;
}

.section-two-icons-wrapper #two {
    top: -35px;
    right: -35px;
}

.section-two-icons-wrapper #three {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -13px;
}

.section-two-icons-wrapper #four {
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}


/* section two */


/* section three */

.section-three {
    background-image: url(../images/vc/8.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    position: relative;
    border-bottom: 1px solid #dddddd;
}

.section-three-content {
    position: relative;
    color: #000000;
}

.section-three .hud {
    width: 387px;
    height: 195px;
    background: url(../images/vc/11-b.gif) no-repeat;
    background-position: center right;
    background-size: 100%;
    position: absolute;
    bottom: 6%;
    left: -25%;
    right: 0;
    margin: auto;
}

.section-three-content h1 {
    font-size: 36px;
    line-height: 1.2;
}

.section-three-content p {
    font-weight: normal;
    margin-top: 10px;
    font-size: 17px;
}

.top-bar-gif,
.bottom-gif {
    margin: 10px 0px;
}

.top-bar-gif img {
    width: 90px;
}

.bottom-gif img {
    width: 63px;
}


/* section three */


/* section four */

.section-four {
    background-image: url(../images/vc/12.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 100%;
    border-bottom: 1px solid #dddddd;
}

.section-four .hud {
    width: 428px;
    height: 202px;
    background: url(../images/vc/13.png) no-repeat;
    background-position: center right;
    background-size: 100% 100%;
    position: absolute;
    bottom: 6%;
    left: 0;
    right: -50%;
    margin: auto;
}

.section-four-content {
    text-align: right;
    position: relative;
    color: #000000;
}

.section-four-content .right {
    float: right;
}

.section-four-content .top-bar-gif img,
.section-four-content .bottom-gif img {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
}

.section-four-content h1 {
    font-size: 36px;
    line-height: 1.2;
}

.section-four-content p {
    font-weight: normal;
    margin-top: 10px;
    font-size: 17px;
}


/* section four */


/* section fifth */

.section-fifth {
    background-image: url(../images/vc/15.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    position: relative;
}

.section-fifth-content {
    position: relative;
    color: #000000;
}

.section-fifth-content h1 {
    font-size: 36px;
    line-height: normal;
}

.section-fifth-content p {
    font-weight: normal;
    margin-top: 10px;
    font-size: 17px;
}

.section-fifth-content .bottom-gif img {
    width: auto;
    height: 141px;
}


/* section six */

.section-six {
    background-image: url(../images/vc/17.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-attachment: fixed;
}

.section-six-content {
    text-align: right;
    position: relative;
    color: #ffffff;
}

.section-six-content .right {
    float: right;
}

.section-six-content .top-bar-gif img,
.section-six-content .bottom-gif img {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
}

.section-six-content h1 {
    font-size: 36px;
    line-height: 1.2;
    /* letter-spacing: 8px; */
}

.section-six-content p {
    font-weight: normal;
    margin-top: 10px;
    font-size: 17px;
}


/* section six */


/* section seventh */

.section-seven {
    background: #ffffff;
    height: auto;
    padding-bottom: 80px;
}

.section-seven-content {
    text-align: center;
    position: relative;
}

.section-seven-content h1 {
    font-size: 28px;
    line-height: normal;
    color: #191919;
    margin: 50px 0 40px;
    text-transform: capitalize;
    /* letter-spacing: 4px; */
}

.section-seven-content .section-seven-wrapper {
    width: 80%;
    margin: auto;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.section-seven-data {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    position: relative;
}

.section-seven-content .section-seven-wrapper .section-seven-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

.section-seven-content .section-seven-wrapper .section-seven-item:nth-child(1),
.section-seven-content .section-seven-wrapper .section-seven-item:nth-child(2),
.section-seven-content .section-seven-wrapper .section-seven-item:nth-child(3) {
    /* -webkit-filter: grayscale(100%); */
    /* filter: grayscale(100%); */
    background-size: cover;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

/*
.section-seven-content .section-seven-wrapper .section-seven-item:nth-child(1):hover,
.section-seven-content .section-seven-wrapper .section-seven-item:nth-child(2):hover,
.section-seven-content .section-seven-wrapper .section-seven-item:nth-child(3):hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
*/

.section-seven-content .section-seven-wrapper .section-seven-item article {
    margin: 0 30px;
    min-height: 190px;
    padding-bottom: 15px;
}

.section-seven-content .section-seven-wrapper .section-seven-item article span {
    display: block;
    color: #ffffff;
    background: #ce0c34;
    font-size: 16px;
    padding: 25px 10px;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    top: -38px;
}

.section-seven-content .section-seven-wrapper .section-seven-item:hover article h2 {
    background: #fff;
    color: #000;
}

.section-seven-content .section-seven-wrapper .section-seven-item article p {
    color: #000;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    margin: auto;
}


/* section seventh */


/* section eight */

.vc-section-eight {
    margin-bottom: 80px;
}

.workout-eight-figure img {
    -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, .2);
    margin-bottom: 15px;
}

.vc-section-eight-content h2 {
    margin: 100px 0 50px 30px;
}

.vc-section-eight-content p {
    margin-bottom: 50px;
    margin-left: 30px;
    font-size: 15px;
}

.vc-section-eight-content ul {
    overflow: hidden;
}

.vc-section-eight-content ul {
    padding: 0;
    list-style: none;
    margin-bottom: 50px;
}

.vc-section-eight-content li {
    float: left;
    width: 20%;
    /* padding: 0; */
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vc-section-eight-content li figure {
    margin-bottom: 10px
}

.vc-section-eight-content li span,
.vc-section-eight-content li figure {
    display: block;
    font-size: 10px;
}

.vc-section-eight-content li img {
    max-width: 46px;
}


/*common section */
.section-common2 {
    background: #fff;
    padding-bottom: 0;
    overflow: visible;
    /* margin-top: 60px; */
    color: black;
    padding: 40px 0;
    /* background: #f4f4f4; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-height: none;
    /*max-height: 700px;
    min-height: 700px;*/
}

.common2-fig-block {
    width: 50%;
    /* 700/1600 */
    position: absolute;
    bottom: 5%;
    right: 0;
}

.common2-content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.common2-content-main {
    text-align: left;
    position: relative;
    padding-left: 50px;
}

.section-common2 h2 {
    font-size: 30px;
    line-height: 1.1;
    /*margin-bottom: 25%;*/
    margin-bottom: 80px;
    letter-spacing: normal;
    text-transform: capitalize;
}

.section-common2 h2 span {
    display: block;
}

.section-common2 h3 {
    font-size: 30px;
    margin-bottom: 10px;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.common-buy-now:hover,
.common-buy-now:active,
.common-buy-now:focus {
    outline: none;
    text-decoration: none;
    color: #fff;
}

.common-buy-block .common-buy-now {
    float: left;
}

.common-buy-now {
    display: inline-block;
    padding: 15px 0;
    color: #fff;
    letter-spacing: .03em;
    font-size: 16px;
    line-height: 1;
    font-family: 'sofia_promedium';
    /* background: #000; */
}

.common-buy-now a {
    /* float: left; */
    font-family: 'sofia_problack';
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 20px;
    letter-spacing: .02em;
    background: black;
    margin: 20px auto;
    max-width: 350px;
    text-decoration: none;
}

.common-buy-now a.zero-bg{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb4d61+0,ff6655+66,ff6655+100 */background: #fb4d61; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #fb4d61 0%,#ff6655 66%,#ff6655 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4d61', endColorstr='#ff6655',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */-webkit-box-shadow: 0px 4px 10px -3px #ff6655;box-shadow: 0px 4px 10px -3px #ff6655;}
.common-buy-now a.first-bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb4d61+0,fd466f+100 */
    background: #fb4d61; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fb4d61),to(#fd466f));
    background: linear-gradient(to bottom, #fb4d61 0%,#fd466f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4d61', endColorstr='#fd466f',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 4px 10px -3px #fb4b64;
    box-shadow: 0px 4px 10px -3px #fb4b64;
}

.common-buy-now a.second-bg{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9a4f+0,ff5f56+100 */
   background: #ff9a4f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
   background: -webkit-gradient(linear, left top, right top, from(#ff9a4f),to(#ff5f56));
   background: linear-gradient(to right, #ff9a4f 0%,#ff5f56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a4f', endColorstr='#ff5f56',GradientType=1 ); /* IE6-9 */
   -webkit-box-shadow: 0px 4px 10px -3px #ff994f;
   box-shadow: 0px 4px 10px -3px #ff994f;
}

.common-buy-now a.third-bg{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f62b55+0,f64747+100 */
  background: #f62b55; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#f62b55),to(#f64747));
  background: linear-gradient(to right, #f62b55 0%,#f64747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f62b55', endColorstr='#f64747',GradientType=1 ); /* IE6-9 */
  -webkit-box-shadow: 0px 4px 10px -3px #f62c55;
  box-shadow: 0px 4px 10px -3px #f62c55;
}
.common-buy-now a .common-price-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.common-buy-now+.common-buy-now {
    margin-left: 35px;
}

.common-buy-now span {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    /* margin-bottom: 2px; */
}
.common-buy-now .common-real-price{
    width: 110px;
    text-align: center;
    display: block;
    font-size: 28px;
}
.common-buy-now .common-real-price b{
    display:block;
    font-size: 12px;
    margin-top:4px;
}

span.common-price-sec{
    font-size: 14px;
    font-family: 'sofia_prolight';
    text-transform: none;
    margin-left: 30px;
    padding-left: 20px;
    position:relative;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
}
/* span.common-price-sec:before{
    position:absolute;
    content:'';
    height: 44px;
    background:#fff;
    width:1px;
    left:-5px;
    top:0;
} */
.common-buy-now:focus,
.common-buy-now:hover,
.common-buy-now:active {
    color: #fff;
}


/*common section */

.visible-mobile {
    display: none;
}


/*.visible-desktop{ display: block;}*/


/* media screen */

@media (min-width: 1600px) {
    .section-three .hud {
        left: 0%;
    }
    .section-four .hud {
        bottom: 6%;
        left: 0;
        right: -20%;
    }
}

@media (min-width: 1400px) {
    .section-one {
        min-height: 100vh;
        background-size: cover;
    }
    .section-three .hud {
        left: -10%;
    }
    .section-four .hud {
        bottom: 6%;
        left: 0;
        right: -40%;
    }
	
	.section-one-content h1 {
		font-size: 35px !important;
	}
	
	.section-two {
		height: auto;
	}
	
	.section-two-content {
		padding-top: 80px;
		padding-bottom: 120px;
	}
	
	.section-two-content h1 {
		margin-bottom: 40px;
	}
	
	.section-two-icons-wrapper {
		margin-top: 120px;
	}
}


/* 1400 and above */

@media (min-width: 1200px) {}

@media (max-width: 1024px) {
    .section-two,
    .section-three,
    .section-four,
    .section-fifth,
    .section-six,
    .section-eight {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: inherit;
        min-height: 350px;
    }
}

@media (min-width: 800px) {
    .section-seven-content .section-seven-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: normal;
    }
    .section {
        min-height: 600px;
        height: auto;
    }
    .vc-section-eight-content h2 {
        margin: 0;
        text-align: center;
        font-size: 22px;
        margin-bottom: 15px;
    }
    .vc-section-eight-content h2>br,
    .vc-section-eight-content p>br {
        display: none;
    }
    .vc-section-eight-content p {
        font-size: 15px;
        margin: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .vc-section-eight-content ul {
        padding: 0;
        list-style: none;
        margin-bottom: 50px;
    }
    .visible-desktop {
        display: none;
    }
    .visible-mobile {
        display: block;
    }
    .line-thin {
        width: 100%;
        max-width: 315px;
    }
    .hud {
        display: none;
    }
    .section-one {
        padding: 54px 0 0;
        background: none;
        min-height: 400px;
    }
    .section-one-wrapper {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
    .section-one-content {
        top: 0px;
        text-align: center;
        color: #ffffff;
    }
    .section-one-content h1 {
        font-size: 34px;
        line-height: normal;
        letter-spacing: 1px;
    }
    .section-one-content h1 span {
        font-size: 24px;
    }
    .section-one-content p {
        margin-top: 10px;
        font-size: 16px;
    }
    /* section one media end here */
    .section-two,
    .section-three,
    .section-four,
    .section-fifth,
    .section-six,
    .section-eight {
        background: none;
        padding: 0;
        display: block;
        min-height: unset;
    }
    .section-two .section-two-wrapper {
        width: 60%;
        position: absolute;
        left: 0;
        top: 5%;
        top: 0;
    }
    .section-two-mobile-text {
        background: #eaeaea;
        padding: 20px 10px;
    }
    .section-two-mobile-text ul {
        overflow: hidden;
        list-style: none;
        text-align: center;
        padding: 0;
    }
    .section-two-mobile-text li {
        float: left;
        width: 50%;
        padding: 0 10px;
    }
    .section-three-wrapper,
    .section-four-wrapper,
    .section-fifth-wrapper,
    .section-six-wrapper {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .section-three .section-three-wrapper,
    .section-four .section-four-wrapper,
    .section-fifth .section-fifth-wrapper,
    .section-six .section-six-wrapper {
        width: 100%;
    }
    .section-four-content {
        text-align: left;
    }
    .section-fifth-content {
        text-align: right;
    }
    .section-three-content {
        text-align: right;
    }
    .section-two-content h1,
    .section-three-content h1,
    .section-four-content h1,
    .section-fifth-content h1,
    .section-six-content h1 {
        font-size: 26px;
        line-height: 1;
        letter-spacing: normal;
    }
    .section-two-content h1 span,
    .section-three-content h1 span,
    .section-four-content h1 span,
    .section-fifth-content h1 span,
    .section-six-content h1 span {
        font-size: 26px;
    }
    .section-three-content p,
    .section-four-content p,
    .section-fifth-content p,
    .section-six-content p {
        font-size: 14px;
    }
    .section-three-content p>br {
        display: none;
    }
    .section-three-content p {
        width: 50%;
        float: right;
    }
    .section-three-content p:after {
        content: "";
        position: relative;
        clear: both;
    }
    .section-three .boltt-typed {
        right: inherit;
        left: 10px;
        top: 20px;
    }
    .boltt-typed {
        width: 120px;
        top: -40px;
        background-image: url(../images/vc/voice-coach-shadow.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
    }
    .section-four .boltt-typed {
        left: inherit;
        right: 0px;
        top: 0px;
    }
    .section-fifth .boltt-typed {
        right: inherit;
        left: 10px;
        top: 0px;
    }
    .section-fifth .top-bar-gif,
    .bottom-gif {
        display: none;
    }
    .boltt-typed h2 {
        margin: 5px auto 0;
        font-size: 12px !important;
        min-height: 60px;
        width: 100%;
        line-height normal !important:;
        line-height: 12px !important;
    }
    .section-two-content ul {
        display: none;
        margin: 0;
        padding: 0;
    }
    .section-two-content li {
        margin-top: 10px;
        font-size: 16px;
    }
    .section-two-icons-wrapper {
        width: 100px;
        height: 80px;
        position: relative;
    }
    .section-two-icons-wrapper .items {}
    .section-two-icons-wrapper img {
        width: 50px;
        height: 50px;
    }
    .section-six {
        background: url(../images/vc/mobile/17.jpg);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .section-six-content {
        text-align: center;
        position: relative;
        top: 54px;
    }
    /* section two, three, four, fifth, six media end here */
    .section-seven {
        background: #ffffff;
        padding: 0;
        max-height: inherit;
    }
    .section-seven-content {
        text-align: center;
        position: relative;
    }
    .section-seven-content h1 {
        font-size: 26px;
        margin-bottom: 40px;
        letter-spacing: normal;
        margin: 20px 0px;
    }
    .section-seven-content .section-seven-wrapper {
        width: 100%;
        display: block;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item {
        width: 100%;
        /* height: 415px; */
        padding: 15px;
        margin-bottom: 10px;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item:nth-child(1) {
        /* background: url(../images/vc/18.jpg) no-repeat; */
        background-size: cover;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item:nth-child(2) {
        /* background: url(../images/vc/19.jpg) no-repeat; */
        background-size: cover;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item:nth-child(3) {
        /* background: url(../images/vc/20.jpg) no-repeat; */
        background-size: cover;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item article h2 {
        font-size: 20px;
        padding: 15px 5px;
        margin-bottom: 15px;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item article p {
        font-size: 14px;
    }
    .section-seven-content .section-seven-wrapper .section-seven-item article {
        top: inherit;
        bottom: 30px;
    }
    .section-eight {
        height: auto;
    }
    .section-eight-content h1 {
        font-size: 33px;
        color: #000;
        padding: 0 20px;
    }
    .section-eight-content h1 span {
        font-size: 42px;
    }
    .section-eight-content p {
        font-size: 16px;
        margin-bottom: 0px;
        color: #000;
        padding: 0 20px;
    }
    .container.section-eight-wrapper {
        padding: 0;
    }
    .section-eight-content .section-eight-item-wrapper {
        margin: 0;
        background-image: url(../images/vc/21.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 70px 0 50px;
        margin-top: 20px;
    }
    .section-eight-content .section-eight-item-wrapper ul {
        margin-bottom: 0px;
    }
    .section-eight-content .section-eight-item-wrapper ul li {
        width: 50%;
        margin-bottom: 20px;
    }
    .section-eight-content .section-eight-item-wrapper ul li h4 {
        font-size: 15px;
    }
    .eight-item-mobile {
        width: 50%;
        margin-bottom: 20px;
        text-align: center;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        cursor: pointer;
    }
    .eight-item-mobile h4 {
        font-size: 16px;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 1.5em;
    }
    .eight-item-mobile .section-eight-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
        display: block;
        margin: auto;
    }
    .eight-item-mobile .section-eight-icon img {
        max-width: 100%;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
    }
    /* section eight media end here */
    /* end of media 800 query */
}

@media (max-width: 767px) {
    .section-one-content h1,
    .section-two-content h1,
    .section-three-content h1,
    .section-four-content h1,
    .section-fifth-content h1,
    .section-six-content h1,
    .section-one-content h1 span,
    .section-two-content h1 span,
    .section-three-content h1 span,
    .section-four-content h1 span,
    .section-fifth-content h1 span,
    .section-six-content h1 span, .section-seven-content h1 {
        font-size: 22px;
    }
    .my-container {
        width: 100%;
    }
}

@media only screen and (max-width:500px) {
    .section-two-icons-wrapper img {
        width: 45px;
        height: 45px;
    }
    .section-two-icons-wrapper {
        margin-top: 65px;
        margin-left: 25px;
    }
    .section-four-content p,
    .section-fifth-content p {
        max-width: 50%;
    }
    .section-fifth-content p {
        margin-left: auto;
    }
    .section-four-content p br,
    .section-fifth-content p br {
        display: none;
    }
}


/* 500 End */

@media (max-width: 480px) {
    .section-six-content {
        top: 0;
    }
    .vc-section-eight-content ul {
    margin-bottom: 0;
    margin-top: 30px;
}
}

@media (max-width: 320px) {
    .section-two-icons-wrapper {
        margin-top: 55px;
        margin-left: 25px;
        width: 80px;
        height: 60px;
    }
    .section-three .boltt-typed {
        top: 94px;
    }
}