@media only screen and (max-width:767px) {
h3, .h3 {
    font-size: 33px;
}

h1, .h1 {
    font-size: 36px;
    line-height: 1.5;
}

h4, .h4 {
    font-size: 32px;
}

.banner {
    padding-top: 200px;
}

.banner p {
    font-size: 14px;
}

.cta-box {
    padding: 300px 30px 150px 30px;
    overflow: hidden;
}

h2, .h2 {
    font-size: 53px;
    line-height: 1.4;
}

.btn-default {
    font-size: 16px;
    margin-top: 15px;
}

.btn-default img {
    margin-left: 13px;
}

.banner p br {
    display: none;
}

.footer .row>div {
    margin: 20px 0px;
}

p {
    font-size: 14px;
}


.banner.content-banner .bg {
    padding: 20px 27px;
    margin-top: 60px;
    margin-left: 0px;
    margin-bottom: 40px;
}

.list {
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
}

.cta-box.cotnent-bg::before {
    width: 140px;
}

.cta-box.cotnent-bg::after {
    width: 176px;
}
}

@media only screen and (max-width:991px) {
.navbar-toggler {
    line-height: 1;
    padding: 0;
    border-radius: 0;
}

.navbar-toggler.menu-icon {
    width: 40px;
    padding:0;
    cursor: pointer;
    position: relative;
    border:0px;
}

.navbar-toggler.menu-icon span {
    width: 100%;
    height: 4px;
    display: block;
    background-color: #fff;
    margin: 6px 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.navbar-toggler.menu-icon.active span {
    position: absolute;
    top: calc(50% - 8px);
}
.navbar-toggler.menu-icon.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.navbar-toggler.menu-icon.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.navbar-toggler.menu-icon.active span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    display: none;
} 

.navbar-light .navbar-brand {
    width:75%;
}

.navbar-light .navbar-brand img {
    max-height: 60px;
}

.header .navbar-nav>.nav-item {
    margin: 10px 0px;
    text-align: center;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {
h3, .h3 {
    font-size: 40px;
}

h1, .h1 {
    font-size: 47px;
    line-height: 1.5;
}

.banner p {
    font-size: 15px;
}

.cta-box {
    padding: 150px 35px;
}


.banner.content-banner .bg {
    padding: 20px 27px;
    margin-top: 60px;
    margin-left: 0px;
    margin-bottom: 40px;
}

.list {
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
}

.cta-box.cotnent-bg::before {
    width: 140px;
}

.cta-box.cotnent-bg::after {
    width: 176px;
}
}


@media only screen and (min-width:992px) and (max-width:1199px) {
.cta-box {
    padding: 150px 35px;
}

.btn-default img {
    margin-left: 15px;
}

.banner.content-banner .bg {
    padding: 20px 27px;
    margin-top: 60px;
    margin-left: 0px;
    margin-bottom: 40px;
}

.list {
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
}

.cta-box.cotnent-bg::before {
    width: 33%;
}

.cta-box.cotnent-bg::after {
    width: 30%;
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.cta-box {
    padding: 150px 100px;
}

.btn-default img {
    margin-left: 15px;
}


}