@media (min-width: 1200px)
{

.container {
    max-width: 1170px;
}

}

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

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

.header-nav {
display: none;
}

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

.banner-area {text-align: left;position: relative;z-index: 1;padding-top: 130px;padding-bottom: 30px;}

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

.header-btn {
    display: none;
}

.banner-area h3 {
    max-width: 100%;
    font-size: 16px;
    margin: 8px 0;
}

.banner-area p
{
    margin-top: 6px;
}

.btn {
    font-size: 14px;
    padding: 10px 16px;
}

.banner-btn .btn {
    margin-top: -6px;
    margin-right: 0;
    font-size: 12px;
    padding: 8px 15px;
    letter-spacing: inherit;
}

.banner-icons {
    display: none;
}

.banner-form-container {
    left: 0;
    top: 0;
    margin-top: 30px;
}

.banner-form-container h2 {
    font-size: 19px;
    padding: 10px 60px 0 0;
    line-height: 24px;
    text-align: left;
}

.banner-form {
    margin-top: 20px;
    padding: 0;
}

.banner-form .btn {
    font-size: 16px;
    margin-left: inherit;
}

.section2 {
    padding-top: 40px;
}

.section2 h2 {
    max-width: 100%;
}

h2 {
    font-size: 20px;
    line-height: 24px;
}

h2 br
{
    display:none;
}

.section2 p {
    max-width: 100%;
}

p {
    font-size: 13px;
}

.section2-content-box {
    position: relative;
    padding: 6px;
}

.section2-content-box img {
    position: absolute;
    left: 0;
    top: 40px;
    max-width: 26%;
    min-height: auto;
}

.section2-content-wrap [class*='col-'] {
    padding: 0 15px;
}

.section2-content-box h3 {
    text-align: left;
    padding-left: 110px;
    font-size: 15px;
}

.section2-content-box p {
    text-align: left;
    padding-left: 110px;
    margin: 10px 0;
}

.section2-content-wrap {
    left: 0;
    margin-top: 40px;
}

.section2-content-wrap .row {
    margin-left: -15px;
    margin-right: -15px;
}

.section3::before {
    display: none;
}

.book-txt {
    display: none;
}

.section4 h2 {
    text-align: center;
    margin-bottom: 10px;
    max-width: 100%;
    font-size: 22px;
}

.owl-site-logo.owl-carousel .owl-item img {
    max-width: 90%;
}

.banner-area h1::before, h2::before {
    display: none;
}

.banner-offer {
    right: -30px;
    top: -33px;
    /* height: 60px; */
    width: 150px;
}

.banner-form .form-group {
    max-width: 100%;
}

.banner-area::before {
    background-position: -280px 0px;
    opacity: .2;
}

.top-logo .item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.section3 .container::before {
    display: none;
}

.section3 h2::after {
    display: none;
}

.section3 h2 {
    margin-bottom: 20px;
}

.section3 {
    padding-bottom: 20px;
    padding-top: 20px;
}

section4 img {
    max-width: 100%;
}

.section4 [class*='col-']:first-of-type::before {
    display: none;
}

.section4::before {
    display: none;
}

.section4-bg {
    display: none;
}

.section4-list-wrap .section4-list {
    max-width: 100%;
    margin-bottom: 20px;
}

.section4 [class*='col-']:first-of-type {
    display: none;
}

.section4::after {
    display: none;
}

.section4 {
    text-align: center;
    padding: 30px 0;
}

.section4-list-wrap {justify-content: center;text-align: left;margin-top: 30px;}

.section4-list-wrap .section4-list h4, .section4-list-wrap .section4-list p {padding-left: 52px;}

.section5 {
    padding: 20px 0;
}

.section5-counter {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 20px;
}

.logo {
    text-align: left;
}

.portfolio-area::before {
    display: none;
}

.portfolio-area::after {
    display: none;
}

.portfolio-halfbg {
    display: none;
}

.portfolio-area .nav-tabs li {
    max-width: 50%;
}

.our-journey::before {
    display: none;
}

.our-journey {
    padding: 40px 0;
}

.our-testimonial .owl-nav {
    left: auto;
    right: 0;
    /* top: -48px; */
    /* bottom: auto; */
}

.our-testimonial .owl-nav button span {
    height: 30px;
    width: 30px;
}

.our-testimonial .owl-nav button span svg {
    height: 20px;
    width: 20px;
}

footer {
    text-align: center;
}

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


.portfolio-area .nav-tabs li a {
    font-size: 14px;
}

.portfolio-area .nav-tabs {
    margin-bottom: 30px;
}

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

.popupform {
    max-width: 100%;
    /* border: 6px solid #e4c47f; */
}

.pop-txt {
    left: 0;
    padding: 0 10px;
}

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

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

.section5 h2 {
    max-width: 100%;
}

.section5 .btn {
    margin: 10px 0 30px;
}

.portfolio-vector {
    display: none;
}

.our-journey h2 br {
    display: none;
}

.our-journey h2 {
    margin-bottom: 20px;
}

.our-testimonial h2 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 28px;
}

.foot-cta h2 br {
    display: none;
}

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

.foot-cta::before {
    display: none;
}

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

.foot-cta ul li {
    margin-bottom: 10px;
}
.section4-vector {display: none;}

.section5::before {
    display: none;
}

.section3 .owl-content .item .content-box p
{
    
min-height: auto;
}

.section4 p {
    margin: 10px 0;
}

.section4-list-wrap .section4-list:last-of-type {
    margin-top: 0;
}

.section5 p {
    margin-bottom: 10px;
}

.portfolio-area h2 {
    max-width: 100%;
}

.portfolio-area .nav-tabs li a::before {
    background-size: contain;
    width: 26px;
}

.portfolio-area .nav-tabs li a.active, .portfolio-area .nav-tabs li a:hover {
    padding-left: 36px;
}

.popup-content [class*='col-'] {
    padding: 0;
}

.banner-btn {
    margin-right: -15px;
    position: relative;
    left: -10px;
}

.popupform {
    max-width: 100%;
    padding: 20px 20px 25px;
}

.popupform ul li {
    width: 100%;
}

.popupform .fancybox-close-small {
    right: -2px;
    padding: 3px;
    top: -14px;
    height: 34px;
    width: 34px;
}

.popupform h2 {
    font-size: 24px;
}

.popupform ul li input[type="checkbox"] {
    left: 10px !important;
    top: 0 !important;
}

li.pd-tag label {
    padding-left: 8px;
}

.banner-form .form-group textarea {
    height: 100px;
}


}