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


.formfooter form {
    width: 100%;
}

.formfooter form button {
    padding: 10px 60px;
    font-size: 19px;
}

.formfooter h4 {
    font-size: 30px;
}



.faq {
    padding: 100px 0 0px 0;
}


.databox .h_iframe-aparat_embed_frame {
    max-width: 100% !important;
}

.databox {
    text-align: right;
}

.databox p {
    font-size: 19px;
    line-height: 34px;
}

.databox > h1, .databox > h2, .databox > h3, .databox > h4, .databox > h5, .databox > h6 {
    font-size: 31px;
}


    .logo img {
    height: 60px;
}

.investableboxs {
    margin-bottom: 20px;
}

    .investabledv div[class*="content-"] {
    width: 100%;
}

.investabledv div[class*="content-"] ul {
    padding: 15px;
}

.colordata1, .colordata2, .colordata3 {
    width: 100%;
}

.textcontent > span {
    display: block;
    width: 90%;
    margin: 0 auto;
    font-size: 29px;
}


    .teambox {
    width: 48%;
    padding: 5px;
}

.location , .phone , .email {
    margin: 7px 0;
}

.contactfooter {
    padding-top: 30px;
}


    .calltoaction {
    font-size: 25px;
    padding: 13px 0;
    margin-top: 30px;
    display: block;
}

       html, body {
    overflow-y: auto !important;
}
footer:before {
    top: 0;
}

footer:before {top: -1px;z-index: 0;background-size: contain;}

footer {
    overflow: revert-layer;
    padding-bottom: 90px;
}

.footerform form {
    display: block;
}
.descbox.projectdv {
    margin-bottom: 0;
}
.footerform input[type="text"] {
    width: 100%;
    margin: 6px auto;
    padding: 9px 0;
}

.footerform form button {
    width: 100%;
    margin: 6px 0;
    padding: 10px 0;
}
    input[type="text"] {
    padding: 15px 10px;
}
        input[type="text"]::placeholder {
            font-size:19px
}


.formcataloge button {
    padding: 7px 14px 7px 38px;
}

.banner {
    height: 330px;
    background-size: 150%;
    background-position: center -70px;
}

.banner:before {
    bottom: -1px;
    background: url(../../assets/images/bottompt2.svg) no-repeat !important;
    background-size: 160% !important;
    background-position: center 102% !important;
}

.banner h1 {margin-top: 5px;}
.descbox h2 {
    font-size: 28px;
}

.descbox p {
    font-size: 17px;
}

.h_iframe-aparat_embed_frame iframe {
    border-radius: 20px;
}

.videobox {
    margin-bottom: 10px;
}
.menu-content ul li a {
    font-size: 20px;
    padding: 16px 1px;
}
.descbox h3 {
    font-size: 26px;
    padding: 7px 15px;
}

.tarhboxs .col-lg-3 {
}

.tarhbox {
    width: 80%;
    margin: 10px auto;
}

.prjbox {
    margin-bottom: 30px;
}

span.prjtitle {
    font-size: 20px;
}

.imageboxprj span {
    font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){

.investableboxs {
    margin-bottom: 20px;
}
    
    div[class*="content-"] {
    width: 100%;
}

div[class*="content-"] ul {
    padding: 15px;
}



.textcontent > span {
    padding: 0 20px;
}

    .teambox {
    width: 32%;
}
    
        .calltoaction {
    font-size: 25px;
    padding: 13px 0;
    margin-top: 30px;
}

       html, body {
    overflow-y: auto !important;
}
footer:before {
    top: 0;
}

footer:before {top: -1px;z-index: 0;}

footer {
    overflow: revert-layer;
    padding-top: 90px;
}

.descbox.projectdv {
    margin-bottom: 0;
}



    input[type="text"] {
    padding: 7px 0;
}

.formcataloge button {
    padding: 7px 14px 7px 38px;
}

.banner {
    height: auto;
    overflow: initial;
    padding-bottom: 70px;
}

.banner:before {
    bottom: -11px;
}

.banner h1 {margin-top: 5px;}
.descbox h2 {
    font-size: 28px;
}

.descbox p {
    font-size: 17px;
}

.h_iframe-aparat_embed_frame iframe {
    border-radius: 20px;
}

.videobox {
    margin-bottom: 10px;
}
.menu-content ul li a {
    font-size: 20px;
    padding: 16px 1px;
}
.descbox h3 {
    font-size: 26px;
    padding: 7px 15px;
}

.tarhboxs .col-lg-3 {
}

.tarhbox {
    width: 90%;
    margin: 10px auto;
}

.prjbox {
    margin-bottom: 30px;
}

span.prjtitle {
    font-size: 20px;
}

.imageboxprj span {
    font-size: 16px;
}
}
@media only screen and (max-width: 450px) {
}
@media only screen and (min-width: 991px) and (max-width: 1200px)  {
}
@media only screen and (max-width: 600px){
}
@media only screen and (max-width: 400px){
}