@media only screen and (max-width: 980px) and (min-width: 320px) {

section {
overflow: hidden;
padding: 40px 0;
}

.header-nav {
display: none;
}

header {text-align: center;border: 0;z-index: 11;padding: 3px 0;}

.banner-area {
margin-top: 0;
background-size: cover;
background-position: -530px -210px;
text-align: left;
position: relative;
z-index: 1;
padding-top: 40px;
padding-bottom: 30px;
}

.banner-area h1 {
color: #fff;
font-size: 24px;
line-height: 32px;
}

.banner-area p {
color: #fff;
max-width: 100%;
margin: 14px 0;
}

p {font-size: 13px;}

ul.banner-bullets {
text-align: left;
}

.banner-icons {
display: none;
}

.banner-bullets li {
font-size: 13px;
margin-bottom: 4px;
position: relative;
padding-left: 20px;
color: #fff;
}

.banner-bullets li svg {
position: absolute;
left: 0;
top: 6px;
height: 12px;
width: 12px;
}

.banner-area::before {content: "";position: absolute;top: 0;height: 100%;width: 100%;background: #00000070;z-index: -1;}

.btn {padding: 12px 10px;font-size: 13px;width: 95%;margin: 3px 0;}

.banner-btn {
margin: 24px 0;
}

.banner-form-container h2 {
font-size: 28px;
}

.banner-form-container h3 {
font-size: 15px;
}

.banner-form-container {padding: 20px;width: 95%;margin: 0 auto;}

.site-logo {
padding: 10px 0;
}

.owl-site-logo.owl-carousel .owl-item img {
max-width: 70%;
}
div#ouibounce-modal .custom-pop:after {
    display: none;
}

#clickload .modal, #ouibounce-modal .modal {
    width: 95%;
    height: 512px;
    border: 6px solid #66cfaf;
}

#clickload, #ouibounce-modal .custom-pop {
    padding-top: 10px;
}
.center-content h2 {font-size: 22px;text-align: center;}

h2 {font-size: 22px;line-height: 32px;}

.center-content p {
text-align: center;
margin: 14px 0;
}

.content-boxes {
margin-top: 20px;
}

.content-box-container img {
max-width: 12%;
vertical-align: middle;
}

.content-box-container h4 {font-size: 15px;width: auto;}


.content-box-container span {font-size: 24px;top: 8px;right: 10px;}

.content-box-container {padding: 20px;border-radius: 0;min-height: auto !important;}

.content-box-container p {text-align: left;margin-bottom: 0;font-size: 13px;}

.content-boxes [class*='col-'] {
top: 0 !important;
margin-bottom: 10px;
padding: 0 15px;
}

.top-cta .container::before {
background-size: 100%;
width: 100%;
bottom: 0;
top: inherit;
height: 258px;
opacity: .4;
left: 0;
right: 0;
margin: auto;
background-position: 30px 20px;
}

.top-cta .container, .center-cta .container {
padding: 40px 20px;
text-align: center;
border-radius: 0;
}

.top-cta .container::after {
display: none;
}

.top-cta .container h2, .center-cta .container h2 {font-size: 20px;line-height: 24px;margin-bottom: 18px;max-width: 100%;}

.top-cta .container p, .center-cta .container p {
font-size: 12px;
}

.process-area {
padding-top: 0;
}

.process-area p {
max-width: 100%;
margin: 14px 0;
}

.process-area .row [class*='col-'] {
max-width: 100%;
top: 0 !important;
text-align: left;
margin-bottom: 14px;
padding: 0 15px;
}

.process-area .row [class*='col-']:nth-child(1)::before, .process-area .row [class*='col-']:nth-child(3)::before {
display: none;
}

.process-area .process-box .process-box-icon {
display: inline-flex;
margin-right: 10px;
height: 60px;
width: 60px;
}

.process-area .process-box h3 {
display: inline-block;
font-size: 16px;
}

.process-area .process-box .process-box-icon img {
margin: auto;
display: block;
max-width: 58%;
}

.process-area .row {
margin-top: 30px;
}

.process-area .process-box {padding: 14px;border-radius: 0;min-height: auto !important;}

.process-area .process-box h3 span {
display: inline-block;
}

.process-area .row [class*='col-']:nth-child(2)::before, .process-area .row [class*='col-']:nth-child(4)::before {
display: none;
}

.portfolio-area {
margin: 0;
}

.portfolio-tabs-nav .nav-tabs li {
width: 100%;
}

.portfolio-tabs-image .row [class*='col-'] {
max-width: 50%;
padding: 0 4px;
margin-bottom: 8px;
}

.center-cta .container::before {
background-size: 100%;
width: 256px;
left: 0;
top: 0;
right: 0;
margin: auto;
height: 258px;
opacity: .4;
}

.center-cta .container::after {
display: none;
}

.top-cta .container .btn-white, .center-cta .container .btn-white {
border-color: #fff;
}

.center-cta {
padding: 0;
}

.review-area p {
max-width: 100%;
margin: 14px 0;
}

.owl-review {
margin-top: 20px;
}

.bottom-cta::after {
display: none;
}

.bottom-cta h2 {
max-width: 100%;
font-size: 22px;
}

.bottom-cta {
margin: 0;
padding: 40px 0;
}

.bottom-cta ul li a {
font-size: 17px;
margin: 0 0;
margin-right: 20px;
}

.bottom-cta ul li a img {
margin-right: 4px;
}

.bottom-cta ul li:last-child a {
margin: 0;
}

.bottom-cta ul {
margin-top: 20px;
}

.bottom-cta::before {
opacity: .2;
}

footer [class*='col-'] {
text-align: center !important;
font-size: 13px;
}

footer {
padding: 10px 0;
}

footer [class*='col-'] p {
font-size: 13px;
}

.banner-form-container::before, .banner-form-container::after, .center-content::before {
display: none;
}

.portfolio-tabs-image {
    margin-top: 30px;
}

.popupform::after, .popupform::before {
    display: none;
}

.popupform {
    max-width: 100%;
    border: 6px solid #66cfaf;
}

.pop-txt {
    left: 0;
}

.popup-content h2 {
    font-size: 26px;
}

.popup-content p {
    max-width: 100%;
    margin: 4px 0;
    font-size: 12px;
}


}