/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* RESPONSIVE */

@media screen and (max-width: 1440px) {
    .header-info-row .col{margin-left:10px;}
    .header-button .btn {min-width:100px;padding: 0 4px;}
    .welcome-image { margin-bottom: -40px; width: 40%; }
    #services { padding-bottom: 80px; }
    #prof { padding: 100px 0 40px; }
    #st { padding: 100px 0 60px; }
    #st .row { align-items: center; }
    .st-image { width: 40%; margin: 0; }
    .st-image img { margin: 0; }
    #content-bottom { padding: 80px 0; }
}

@media screen and (max-width: 1200px) {
    .header-logo img { max-width: 200px; }
    #banner-image img { min-height: 600px; object-fit: cover; }
    #content-top { padding: 20px 0 40px; }
    #welcome { padding: 40px 0; }
    #welcome .row { align-items: center; }
    .welcome-text { padding: 0; }
    .welcome-image { margin-bottom: 0; }
    #services { padding: 40px 0 60px; }
    .svc-portfolio figure { padding: 10px; }
    #st { padding-bottom: 40px; }
    #st .row { flex-direction: column; }
    #st .col { width: 100%; }
    .st-image img { margin: 0 auto 30px; max-width: 400px; }
    .st-text { max-width: unset; text-align: center; }
    .ft-info { max-width: 300px; }
    .footer-top { padding: 80px 0 20px; }
    .inner-banner .row { height: 320px; }

    .section-row { flex-direction: column !important; col }
    .section-image { order: -1; }
    .section-image img { margin: 0 auto; max-width: 100%; width: 500px; }
    .section-col { width: 100% !important; }
}

@media screen and (max-width: 1024px) {
	.header-button.col{margin-left:10px;}
    .btn { min-width: 150px; height: 45px; font-size: 16px; font-weight: 600; padding: 0 10px; }
    h1, .title { font-size: 40px; }
    #header { position: fixed; background-color: #072a24; padding-top: 10px; border: none; }
    .inner-banner{margin-top:15%;}
    .header-row { flex-direction: column; }
    .header-info { width: 100%; }
    .header-info-row { justify-content: space-between; }
    .header-info-row .col { margin: 0; }
    .header-logo { width: 100%; }
    .header-logo img { max-width: unset; margin: 0 auto; }
    .header-nav { width: auto; flex-grow: 1; padding-right: 20px; }
    .header-phone i{margin-right:0;}
    #header nav ul li a { padding: 20px 5px; }
    #banner-image img { min-height: 480px; }
    #banner .container { top: 0; }
    .banner-text h2 { font-size: 36px; }
    .svc-portfolio figcaption { font-size: 16px; padding: 5px; font-weight: 600; }
    #prof { padding: 40px 0; }
    #prof .row { flex-direction: column-reverse; }
    #prof .col { max-width: unset; width: 100%; }
    .prof-image img { position: static; width: 400px; max-width: 100%; margin: 0 auto 30px; display: block; border-radius: 0; }
    .prof-text { text-align: center; }
    .ft-logo { max-width: 260px; }
    .ft-logo p { font-size: 15px; max-width: unset; }
    .ft-info { max-width: 200px; }
}

@media screen and (max-width: 800px){
    h1, .title { font-size: 32px; }
    /*HEADER*/
    .header-row { display: block; }
    .header-logo { display: none; }
    .header-info-row { justify-content: center; padding: 5px 0; }

    .header-phone { position: fixed; top: 7px; right: 160px; z-index: 2; }
    .header-phone a { position: absolute; font-size: 0; top: 0; left: 0; right: 0; bottom: 0; }
    .header-phone i:before { background-color: #6CC544; color: #072a24; }
    /*.header-phone i:before { background-color: #072a24; }*/
    /*.header-phone a { color: #072a24; }*/
    .header-button { position: fixed; right: 50px; top: 9px; z-index: 2; }
    .header-button .btn { height: 34px; font-size: 15px; }

    .header-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 2; flex-grow: 0; padding: 0; }
    #header {padding: 45px 0 0; background: #6CC544; }
    #header, #header * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    #header .row {width: 100%!important;}
    #header nav {display:block; height: auto; width: 100%;}
    #header nav ul { width: 100%; display: none; height: auto; padding: 0;}
    #header nav ul li { width: 100%;position: relative; margin: 0;}
    #header nav ul li a { display: block; float:none; padding: 10px 0;}
    #header nav a {text-align: left; width: 100%;}
    #header nav a strong {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px;}
    #header nav a#pull {display: block; color: #fff; background-color: #1C2D3F; height: 55px;padding: 10px 0; width: 100%; position: relative;}
    #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    #header nav a#pull img { max-width: 150px; padding-left: 10px; }
    #header nav ul li.active-menu { padding: 0; width: 100%; }
    #header nav ul li.active-menu a, #header nav ul li a:hover { width: 100%; background: transparent; padding: 10px 15px; }
    #header nav ul li { /*background: rgba(28,45,63,0.95);*/ background-color: #fff; padding: 0; }
    #header nav ul li a { padding: 10px 15px; max-width: 100%; color: rgba(28,45,63,0.95); }
    #header nav ul li a:hover, #header nav ul li.active-menu a { color: #6cc544;/*#FF9326;*/ }
    #header nav ul li a:hover::before, #header nav ul li.active-menu a::before { display: none; }
    .inner-banner{margin-top:unset;}
    .banner-text h2 { font-size: 34px; }
    #welcome .row { flex-direction: column-reverse; }   
    #welcome .col { width: 100%; }
    .welcome-image img { width: 400px; max-width: 100%; margin: 0 auto 30px; display: block; }
    .welcome-text { text-align: center; }
    .service-area .row { flex-direction: column; }
    .service-area .image, .service-area .text { width: 100%; }
    .svc-portfolio figure { padding: 5px; width: 50%; }
    .footer-top .row { justify-content: space-around; flex-wrap: wrap; }
    .footer-top .col { text-align: center; width: 50%; padding: 0 10px; }
    .ft-logo { max-width: unset; width: 100% !important; margin-bottom: 30px; padding: 0 !important; }
    .footer-top ul { text-align: center; }
    .footer-navigation ul { columns: 2; }
    .ft-info .ctc li { padding-left: 0; }
    .ft-info .ctc i { position: static; margin-right: 5px; }
    .ft-info { max-width: unset; }
}

@media screen and (max-width: 600px) {
    .gallery { row-gap: 10px; }
    .gallery li img { height: 150px; }
    .svc-tabs { row-gap: 10px; flex-wrap: wrap; }
    .svc-tabs li { flex-basis: 45%; order: 2; }
    .svc-tabs li.last { flex-basis: 100%; order: 1; }
}

@media screen and (max-width: 425px) {
    #header nav a#pull img { margin-top: 5px; max-width: 100px; }
    p { font-size: 16px; }
    .svc-portfolio figure { width: 100%; padding: 5px 0; }
    .svc-portfolio figcaption { font-size: 14px; font-weight: 400; }
    .ft-logo { margin-bottom: 0; }
    .footer-top .row { flex-direction: column; }
    .footer-top .col { width: 100%; margin-bottom: 25px; }
    .footer-top ul { margin: 0; }
    .footer-navigation ul { columns: 1; }
}