/*================================ 
    #RESPONSIVE CSS 
====================================*/

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .support-wrapper {
    padding: 50px 20px;


}
.support-text h2 {
    color: #fff;
    font-size: 20px;
}
h2 {
    font-size: 22px;
    font-weight: bold;
}
.wpo-hero-title h2 {
    font-size: 25px;
}
a.btn-theme {
    margin: 0;
}
}
 
@media(max-width:767px){ 
.price-content h1 {
    color: #fff;
    margin: 0;
    font-size: 24px;
    line-height: 30px;
}

.main-banner {
    background: #fff;
    padding: 0px 0px 50px 0px;
}
a.btn-theme {
    margin: 0;
}

.shape-fixed.animation-rotation {
    display: none;
}
.wpo-hero-title h2 {
    font-size: 22px;
    line-height: 38px;

}
.item {
    padding: 0;
    border-right: 0;
}
.content {
    padding-top: 50px;
}
h2 {
    font-size: 24px;
    font-weight: bold;
}
.thumb {
    padding-top: 40px;
}
.support-wrapper {
    padding: 60px 28px;
}
.f-item.link {
    margin: 30px 0px;
}


.modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
}
img.logo {
    width: 100%;
}
.spintax-area img {
    position: relative;
    bottom: 0;
}
.banner-main {
    background: #fff;
    padding: 0px 0px 20px 0;
}
}