@charset "utf-8";
/* CSS Document */




@media screen and (min-width: 1200px) {
    #myDIV li {
        font-size: 14px;
    }
    .about_img {
    width: 100%;
        max-height: 491px !important;
        height: 100% !important;
    }
    .contact_us {
        height: 490px;
    }
    .contact_item {
        margin: 28px 0;
    }
    .contact_item p, .contact_item p a,.contact_item ul li a {
        font-size: 13px;
    }
    .contact_info_bg, .contact_form_bg {
        padding: 43px 27px;
    }
    .footer_logo {
        width: 197px;
    }

}
@media screen and (min-width: 992px) and (max-width: 1199px)  {
    #myDIV li {
        font-size: 14px;
    }
    .about_img {
        width: 100%;
        height: 491px;
    }
    .contact_us {
        height: 520px;
    }
    .contact_item {
        margin: 28px 0;
    }
    .contact_item p, .contact_item p a,.contact_item ul li a {
        font-size: 13px;
    }
    .contact_info_bg, .contact_form_bg {
        padding: 43px 27px;
    }
    .footer_logo {
        width: 197px;
    }
    .client_bx {
        height: 57px;
    }
} 
@media screen and (min-width: 768px) and (max-width: 991px)  {
    .collapse_menu {
        display: block;
    }
    .short_links {
        display: block !important;
        position: absolute;
        background: #fff;
        top: 0;
        bottom: 0;
        width: 300px;
        left: -108%;
        height: 100vh;
        box-shadow: 0 0 20px #0000004a;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .short_links.open{
        left: -0%;
    }
    .short_links li {
        float: inherit !important;
        display: block !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .short_links li a {
        display: block;
        width: 100%;
        line-height: 1.3;
    }
    .nav ul {
        position: relative;
        left:0;
        box-shadow: 0px 0px 0px #00000038;
        width: 100% !important;
        max-height: 0;
        overflow: hidden;
        padding-left: 20px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .nav > li:hover ul,.nav > li:focus ul{
        max-height: 133px;
        overflow: auto;
        left: 0;
    }
    .logo-box {
        width: 120px;
    }
    .banner_content {
        width: 500px;
        margin: auto;
    }
    .banner_content h1 {
        font-size: 40px;
    }
    .vdos iframe {
        width: 100%;
        height: 250px;
    }
    .service_bx {
        width: 100%;
        height: 250px;
    }
    .overlay_service h3 {
        font-size: 16px;
    }
    .section_title h1::after {
        width: 280px;
    }
    .vdo_conetnt h1 {
        padding-right: 0;
    }
    .footer_logo {
        width: 122px;
    }
    .input_group .form-control {
        height: 54px;
        font-size: 15px;
        padding-left: 37px;
    }
    .input_group span {
        font-size: 15px;
        width: 18px;
        height: 20px;
        left: 10px;
    }
    .subscribe_form button.btn {
        height: 54px;
        font-size: 14px;
        padding: 9px 17px;
    }
    .client_bx {
        height: 49px;
    }
    .overlay_banner {
        padding-top: 55px;
    }
    .header_banner {
        width: 100%;
        height: 100vh;
    }
    .contact_us{
        height: 870px;
    }
}
@media only screen and (max-width : 576px) {
    .wrapper {
        margin-top: 74px;
    }
    .section {
        padding: 36px 0;
    }
    .plr-3 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .collapse_menu {
        display: block;
    }
    .short_links {
        display: block !important;
        position: absolute;
        background: #fff;
        top: 0;
        bottom: 0;
        width: 80%;
        left: -108%;
        height: 100vh;
        box-shadow: 0 0 20px #0000004a;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .short_links.open{
        left: -0%;
    }
    .short_links li {
        float: inherit !important;
        display: block !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .short_links li a {
        display: block;
        width: 100%;
        line-height: 1.3;
    }
.nav ul {
    position: relative;
    left:0;
    box-shadow: 0px 0px 0px #00000038;
    width: 100% !important;
    max-height: 0;
    overflow: hidden;
    padding-left: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.nav > li:hover ul,.nav > li:focus ul{
    max-height: 52vh;
    overflow: auto;
    left: 0 !important;
    background: #ebebeb;
}
    .logo-box {
        width: 120px !important;
    }
    .overlay_content {
        padding: 0;
    }
    .banner_content h1 {
        font-size: 27px;
    }
    .banner_content p {
        font-size: 14px;
    }
    .banner_content ul li {
        font-size: 14px;
    }
    .overlay_banner {
        display: block;
    }
    .overlay_content {
        display: block;
    }
    .overlay_banner {
        padding: 120px 0;
    }
    .header_banner {
        width: 100%;
        height: 1019px;
    }
    .consaltation_form {
        width: 100%;
        margin-top: 30px;
    }
    .consaltation_form h2 {
        font-size: 21px;
    }
    .consaltation_form p {
        font-size: 13px;
    }
    .section_title h1 {
        font-size: 23px;
    }
    .section_title h1::after {
        width: 25%;
    }
    .section_title.text-left h1::after{
        margin: 13px auto;
    }
    .about_img {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .vdos {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .vdo_conetnt h1 {
        display: block;
        font-size: 18px;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .textomonial_conetnt p {
        font-size: 14px;
        width: 76%;
    }
    .textomonial_conetnt small {
        font-size: 12px;
    }
    .client_bx {
        height: 110px;
    }
    .contact_info_bg, .contact_form_bg {
        padding: 43px 17px;
    }
    .contact_form_sec {
        padding: 0;
    }
    .contact_form_bg form .form-control {
        font-size: 13px;
    }
    .contact_form_bg form .textarea.form-control {
        height: 140px;
    }
    .overlay_contact {
        display: block;
    }
    .contact_us {
        height: 1120px;
        padding: 0 !important;
    }
    .footer_content {
        margin: 20px 0;
    }
    .copy_right p {
        font-size: 14px;
        text-align: center;
    }
    .input_group .form-control {
        height: 54px;
        font-size: 15px;
        padding-left: 37px;
    }
    .input_group span {
        font-size: 15px;
        width: 18px;
        height: 20px;
        left: 10px;
    }
    .subscribe_form button.btn {
        height: 54px;
        font-size: 14px;
        padding: 9px 17px;
    }
    .overlay_service h3 {
        width: 100%;
        bottom: 24px;
        background: rgba(255,255,255,.2);
        padding: 18px 0;
        font-size: 15px;
    line-height: 19px;
    }
    .vdos iframe {
        width: 100%;
        height: 250px;
    }
    .service_bx {
        width: 100%;
        height: 250px;
    }
    .social_link li a {
        font-size: 14px !important;
    }
    .contact_item ul li a {
        padding-left: 3px !important;
    }
	.button-cta {
	    width: 40px;
        height: 140px;
        bottom: 0;
        top: 0;
	}
    .cta-button {
        width: 39px;
        height: 39px;
        font-size: 17px;
        padding: 11px;
    }
    .formbold-main-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 48px 0px;
    }
}