
@media(min-width:1800px){
    .container{
        max-width:1710px; 
    }
    .contact-form .form-group {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width:1800px){
    .container{
        max-width:1400px; 
    }
    .header nav ul li a {
        font-size: 14px;
        padding: 25px 20px;
    }
    .header_social ul li a {
        padding: 4px 8px;
    }
    .header_social ul li a i {
        font-size: 20px;
    }
    .header_right li span {
        font-size: 14px;
    }
    .banner-caption h1 {
        font-size: 42px;
        padding-bottom: 25px;
    }
    .banner-caption p {
        font-size: 15px;
    }
    p{
        font-size: 15px;
    }
    .banner {
        height: 500px;
    }
    .about_us_area {
        padding: 40px 0;
    }  
    .cmn-btn:link, .cmn-btn:visited {
        font-size: 15px;
        padding: 14px 26px;
    }
    .single_serv h4 {
        font-size: 18px;
        padding: 0 35px;
    }
    .serv_right_area h3 {
        font-size: 29px;
        margin-bottom: 15px;
    }
    .client_say_carousel_area {
        max-width: 1100px;
    }
    .footer_nev_link li a {
        font-size: 14px;
    }
    .about_buttom_img img::before, .about_buttom_img picture::before {
        top: 39%;
    }
    .sign_up_form .form-group {
   
    margin-bottom: 15px;
}
h1 {

    font-size: 33px;
    font-weight: 500;
    padding-bottom: 15px;
    line-height: 40px;

}
    
}
@media only screen and (max-width:1499px){
    .single_serv {
        padding: 20px 15px;
    }
    .banner_img img {
        max-width: 100%;
        width: 580px;
    }
    .client_img img {
        max-width: 175px;
        margin-right: 82px;
    }
    .imeg_bottom_style {
        width: 128px !important;
    }
    .about_buttom_area {
        margin-top: 100px;
    }
    .about_cont h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .service-area {
        padding: 50px 0;
    }
    /* .single_client_box {
        margin: 80px 63px;
    } */
    .section_title h3 {
        font-size: 28px;
    }
    .get_started_right span {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .download_img {
        margin-top: 20px;
    }
    .serv_right_area {
	margin-top: 25px;
    }
    .serv_right_area {
        margin-top: 25px;
    }
    .footer-important-link p {
        font-size: 15px;
    }
    .news_field input {
        height: 45px;
    }
    .newsletter_btn {
        height: 45px;
    }
    .client_img img::after, .client_img picture::after {
        height: 260px;
        width: 139px;
    }
    .about_buttom_img img::before, .about_buttom_img picture::before {
        top: 28%;
    }
}
@media only screen and (max-width:1200px){
    .single_serv {
        padding: 65px 25px;
    }
    .serv_right_area {
        margin-top: 25px;
    }
    .round_img {
        width: 245px !important;
    }
    .about_buttom_img img::before, .about_buttom_img picture::before {
        top: 38%;
    }
    .contact_form_box {
        margin: 0 15px;
    }
}

@media only screen and (max-width:991px){
    .header nav ul li a {
        font-size: 13px;
        padding: 25px 10px;
        margin-left: 5px;
    }
    .banner-caption h1 {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .banner-caption p {
        margin-bottom: 20px;
    }
    .banner {
        height: 400px;
    }
    .about_cont {
        margin-top: 62px;
    }
    .about_cont h3 {
        font-size: 23px;
        margin-bottom: 15px;
    }
    .about_buttom_area {
        margin-top: 50px;
    }
    .serv_right_area h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .serv_right_area p {
        margin-bottom: 30px;
    }
    .client_feedback_area {
        background-position: center center;
    }
    .client_say_carousel_area .owl-nav {
        bottom: 0px;
    }
    .round_img {
        width: 181px !important;
    }
    .client_text h3 {
        font-size: 22px;
    }
    .client_text span {
        font-size: 15px;
    }
    .single_client_box .client_img img::after, .single_client_box .client_img picture::after {
        height: 200px;
        width: 124px;
        bottom: -9px;
    }
    .about_buttom_img picture {
        display: inline;
    }
    .contact_us_details_cont .single_serv {
        padding: 25px 15px;
    }
    .contact-form {
        padding: 70px 40px;
    }
    .contact_right_cont {
        padding: 50px 25px;
    }
    .contact_form_area {
        padding-top: 320px;
        padding-bottom: 50px;
    }
    .contact_form_area.contact_form_area-home {
        padding-top: 0px;
    }
}
@media only screen and (max-width:767px) {
    .header-right-area {
        margin-left: 0;
    }
    .show-menu-btn, .hide-menu-btn {
        display: block;
        position: absolute;
        right: 5%;
        top: 8px;
    }
     .menu{
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         background: #fff;
         height: 100vh;
         text-align: center;
         padding: 54px 0px;
         z-index: 99999;
         display: none;
     }
     .menu ul {
        flex-direction: column;
    }
    .header nav ul li {
        display: block;
    }
    .header nav ul li a {
        padding: 10px 10px;
        border-bottom: 0px solid #e7625b;
    }
    .header nav ul li a.active, header nav ul li a:hover {
        background: #e7625b;
        border-bottom: 0px solid #e7625b;
        color: #fff;
    }
    .header {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .banner {
        height: 350px;
    }
    .banner-caption h1 {
        font-size: 26px;
    }
    .banner-caption p {
        font-size: 13px;
    }
    .about_cont {
        padding-left: 0;
        margin-top: 120px;
    }
    
    .about-img {
        padding: 0 120px;
    }
    .about_buttom_area .col-md-7{
        order: 2;
    }
    .about_buttom_area .col-md-5 {
        order: 1;
    }
    .about_buttom_img {
        padding-right: 0px;
        margin-bottom: 50px;
        text-align: center;
    }
    .about_buttom_img img::before, .about_buttom_img picture::before {
        height: 220px;
    }
    .single_client_box {
        margin: 50px 63px 30px;
    }
    .section_title h3 {
        font-size: 22px;
    }
    .get_started_right {
        margin-bottom: 40px;
    }
    .get_started_left {
        text-align: center;
    }
    .round_img {
        left: 0px;
    }
    .footer_top_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }
    .footer_btm_text {
        text-align: center;
        margin-bottom: 30px;
    }
    .footer_btm_area .header_social {
        display: block;
        text-align: center;
        width: 100%;
    }
    .single_serv {
        padding: 25px 25px;
    }
    .footer_nev_link {
        text-align: center;
    }
    .pricing .col-md-4{
        margin-bottom: 20px;
    }
    section.pricing {
        padding: 25px 0 50px;
    }
    .pricing-about_cont {
        margin-top: 30px;
    }
    p{
        text-align: justify;
    }
    .pricing .card-title {
        font-size: 2rem;
    }
    .banner.banner-pricing {
        height: 300px;
    }
    .cmn-btn:link, .cmn-btn:visited {
        padding: 14px 12px;
    }
}

@media only screen and (max-width:575px){
    .banner-caption h1 {
        font-size: 18px;
    }
    .banner-caption {
        padding: 20px 0;
    }
    .cmn-btn:link, .cmn-btn:visited {
        font-size: 13px;
    }
    .client_img.about-img img::before, .client_img.about-img picture::before {
        display: none;
    }
    .client_img.about-img img::after, .client_img.about-img picture::after {
        display: none;
    }
    .banner {
        height: auto;
    }
    .about-img {
        padding: 0 0px;
    }
    .about_cont {
        padding-left: 0;
        margin-top: 30px;
    }
    .about_cont h3 {
        font-size: 19px;
    }
    .about_buttom_img img::before, .about_buttom_img picture::before {
  display: none;
    }
    .about_buttom_img {
        margin-bottom: 20px;
    }
    .serv_right_area h3 {
        font-size: 19px;
    }
    .client_img img::before, .client_img picture::before {
        display: none;
    }
    .single_client_box .client_img img::after, .single_client_box .client_img picture::after {
        display: none;
    }
    .get_started_right span {
        font-size: 14px;
    }
    .client_img img {
        max-width: 87px;
        margin-right: 0;
    }
    .single_client_box {
        margin: 30px 0px 50px;
    }
    .client_text h3 {
        font-size: 16px;
    }
    .client_text span {
        margin-bottom: 25px;
    }
    .client_text span {
        font-size: 19px;
        margin-bottom: 25px;
    }
    .single_client_box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .client_text {
        margin-top: 20px;
        text-align: center;
    }
    .client_text p {
        padding-left: 0;
    }
    .banner.banner-pricing {

        height: auto;
    
    }
    .beer-servey-login-form {
        margin-top: 30px;
    }
    .beer-login-page-heading h1 {
        font-size: 23px;
        padding-bottom: 0px;
    }
    .beer-servey-login-form {
        padding: 25px 12px;
    }
    .beer-servey-login-form .d-flex {
        display: block !important;
    }
    .login-link {
        padding-bottom: 10px;
    }
    .contact_map_area iframe {
        height: 350px;
    }
    .contact-form {
        padding: 30px 20px;
    }
    .inp {
        max-width: 100%;
    }
    .submit-btn {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }
    .contact_social {
        padding-top: 40px;
    }
    .contact_form_area {
        padding-top: 620px;
        padding-bottom: 30px;
    }
    .inp {
        margin-bottom: 30px;
    }
    .contact_form_area.contact_form_area-home {
        padding-top: 0px;
    }
    .input-style {
        height: 32px;;
    }
    .sign_up_form .form-group {
        margin-bottom: 20px;
    }
    .sign-text.text-right p {
        text-align: center;
        margin-top: 5px;
    }
    ::-webkit-input-placeholder {
        font-size: 12px;
      }
      ::-moz-placeholder {
        font-size: 12px;
      }
      :-ms-input-placeholder {
        font-size: 12px;
      }
      .cmn-title h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .sign_up_form {
        padding: 20px 20px;
    }


}

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