@media (min-width: 1200px) {
    .container {
        width: calc(100% - 200px) !important;
        padding: 0 !important;
    }
}
@media screen and (min-width:1900px) {

.main_sec .icon_main {
    margin-top: 186px !important;
}
h1 {
    margin-bottom: 254px !important;
}
header {
    padding: 42px 0;
}
}
@media screen and (max-width:1900px) {
h1 {
    font-size: 50px !important;
}


}
@media screen and (max-width:1400px) {


.btn_div hr {
    width: 60%;
}
.main_p br{
    display:none;
}
.marketing_text {
    font-size: 22px;
}
}
@media screen and (max-width:1300px) {
.marketing_text {
    font-size: 20px;
}
.btn2 {
    font-size: 24px;
    padding: 1.5px 3.5px 1.5px 20px;
}
.btn2 img{
    width:50px;
}
.main_p {
    font-size: 30px;
    padding-left: 50px;
    padding-right: 50px;


}
.marketing h2 {
    font-size: 54px;
}
}
@media screen and (min-width:1200px) {

section#contact .container {
    width: 1188px !important;
}

}
@media screen and (max-width:1200px) {
   p br{
       display:none;
   } 
   .btn_div {
    margin-top: 30px;
} 
}
@media screen and (max-width:1200px) {
    .main_sec .icon_main {
    margin-top: 50px;
}
h1 {
    margin-bottom: 100px !important;
}
.services{
    font-size:36px;
}
section#contact h3{
    font-size:40px;
}
section#contact h3+p{
    font-size:22px;
}
 input::placeholder {
font-size: 20px;
}
 textarea::placeholder {
font-size: 20px;
}
section#contact {
    padding: 50px 0;
    background: #101010;
    color: #fff;
    margin-top: 50px;
}
}
@media screen and (max-width:1000px) {
        .btn_div {
        margin-top: 20px;
    }
        .marketing_text {
        font-size: 18px;
    }
     .btn2 {
        font-size: 20px;
        padding: 1.5px 0 1.5px 10px;
        width: 161px;
    }
        .marketing_text {
        font-size: 18px;
        padding: 20px;
        padding-left: 0;
    }
        .marketing h2 {
        font-size: 40px;
        padding: 0;
        margin: 50px 0;
    }
        .btn2 img {
        width: 30px;
    }
        .btn2 {
        font-size: 16px;
        padding: 1.5px 0 1.5px 10px;
        width: 138px;
    }
}
@media screen and (max-width:790px) {
    .marketing_text {
        font-size: 16px;
    }
        .main_p {
        font-size: 24px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom:40px;
    }
    section#contact h3+p {
        font-size: 19px;
    }
    *::placeholder{
        font-size:16px !important;
    }
    input[type="text"], input[type="email"], textarea{
        padding:3px 20px 10px 20px;
    }
}
@media screen and (max-width: 700px) {
    section.main_sec .col-sm-6 {
    width: 100%;
}
a.btn1 {
    font-size: 18px;
    padding: 6px 18px;
    margin-top: 10px;
    float: right;
}
header {
    padding: 10px 0;
}
p.icon_main img {
    width: 80px;
}
    h1 {
        font-size: 30px !important;margin-bottom:50px !important;
    }
.services{
    font-size:20px;
}
.services img{
    width:30px;
}
.about {
   font-size: 65px;
}
.hello{
    margin-top:-35px;
}
    .main_p {
        font-size: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
    }
    .marketing h2 {
        font-size: 33px;
        margin: 50px 0;
    }
        section#contact h3 {
        font-size: 30px;
    }
    section#contact h3+p {
        font-size: 20px;
    }
    section#contact p {
        font-size: 20px;
    }
     input::placeholder {
font-size: 16px;
}
 textarea::placeholder {
font-size: 16px;
}textarea{
    height:100px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 20px;
}
footer.footer {
    font-size: 15px;
}
.card-body {
    display: inline-block;
    align-items: center;
    text-align: center;
}
div#cards .col-sm-3 img {
    height: 150px;
}
.btn2 {
        font-size: 16px;
        padding: 1.5px 0 1.5px 10px;
        width: 145px;
    }
    #card1 {
    top: 20px;
 }
#card2 {
    top: 42px;
}
#card3  {
    top: 64px;
}
#card4  {
   top: 86px;
}
#card5 {
   top: 108px;
}
#card6  {
   top: 130px;
}
#card7  {
   top: 152px;
}
#card8  {
   top: 174px;
}
#card9 {
   top: 196px;
}
    .marketing_text {
        padding: 10px;
    }
        div#cards .col-sm-3 img {
        margin-top: 10px;
    }
    .services {       
        padding: 10px 0;
    }
    header hr{
        margin-top:20px;
    }
    .btn_div hr {
        width: 50%;
        margin: 0 20px;
    }
}
@media screen and (min-width: 500px) and (max-width: 1300px) {
a.btn1
 {
    margin-top: 10px;
    display: inline-block;
}
}
@media screen and (max-width: 500px) {


.main_sec {
    background-size: 200%;
}
}
@media screen and (max-width: 380px) {
    .btn2 {
        width: 165px;
    }
        .btn_div hr {
        width: 41%;
        margin: 0 20px;
    }
}
@media screen and (max-width: 350px) {
    .btn2 {
        width: 190px;
    }
        div#cards .col-sm-3 img {
        height: 130px;
        margin-top: 10px;
    }
        .btn_div hr {
        width: 40%;
        margin: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 380px) {
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}
}