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

@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {



}

@media only screen and (min-width : 992px) {
 }

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

@media only screen and (max-width : 1199px) {
.text-container{width: 100%; }


}

@media only screen and (max-width : 991px) {
.text-container{width: 100%; }
.text-container > div{width: 100%}
.text-container > div:nth-child(1){ left: 5vw;}
}



@media only screen and (max-width : 767px) {
.text-container{width: 100%; font-size: 16px;}
.text-container > div{width: 100%}

.contact_form{padding: 20px;}
.infogr-mobile-content{margin-bottom: 2rem;}
.infogr-infograph-card{width:315px; margin: auto;}
.infogr-banner-four{height: 315px; width: 315px}
.infogr-item{width: 130px}

.infogr-image{width: 100%; height: 100%;}

.infogr-icon img {height: 32px; }
.item-1 {position: absolute; top: 2%; left: 0%; }
.item-2 {position: absolute; top: 2%; right:0%; }
.item-3 {position: absolute;top: 38%;left:0%;}
.item-4 {position: absolute; top: 38%; right:0%; }
.item-5{position: absolute;top: 80%;left:0%;} 
.item-6 {position: absolute; top: 80%; right:0%; }

.portfolio-section{overflow-x: hidden;}

.intro-section-content .row,
.benefits-list-mobile .row {flex-direction: column-reverse; }
.shape-img-bg,
.intro-qr-code{margin-bottom: 1rem}
.hb-stream ul {padding: 0; margin: 0; }
.widget-item ul {padding: 0; margin: 0; }

}

@media only screen and (max-width : 480px) {

}

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

}