@media (min-width: 768px) {

	.webimenu ul {

		display: none

	}

}


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

    .manage_block1 h1 {

        font-size: 19px;

    }



    .manage_block {

        width: 100px;

    }

    .manage_block1{

        display: none;

    }

    .slider_block{

        display: block;

    }



    .top_header_block a {

        font-size: 14px;

    }



    .flag {

        flex-wrap: wrap;

    }



    .cutom_text {

        width: 100% !important;

    }



    .main_header .row {

        display: flex;

        align-items: center;

    }



    .managemtn_block {

        padding: 20px;

    }



    .managemtn_block .col-md-3 {

        flex-basis: 48% !important;

    }



    .top_header_block span {

        margin: 0px !important;

    }



    .top_header_block a {

        font-size: 12px !important

    }



    .google_main_section .google_rate {

        width: 30%;



    }

    .google_section {

        flex-wrap: wrap;

    }



    #customers-testimonials {

        margin-top: 20px;

    }

    .case-stats .stats-inner .column{

        margin-bottom: 15px !important;

    }

    .case-stats .stats-inner .text{

        margin-bottom: 5px !important;

    }

    .slide_inner_block{

        font-size: 20px;

        line-height:100%;

    }



}

/* css from main responsive.css */

@media (min-width:992px) and (max-width:1199px) {

	header ul.dropdown li {

		padding: 0

	}
.section-light-bg,

.section-gradient-purple,

.section-gradient-gray {

padding: 35px 15px;

}
}

@media (min-width:768px) and (max-width:991px) {

    .section-light-bg,

    .section-gradient-purple,

    .section-gradient-gray {

    padding: 30px 15px;

    }

	header .sticky {

		padding: 0 30px

	}

	header .logo {

		position: relative;

		float: left;

		text-align: center

	}

	.sub-bnr .position-center-center {

		width: 100%;

		padding: 0 20px

	}

	.heading-block hr {

		margin-left: 0

	}

	header nav {

		text-align: center

	}
}

@media (max-width:991px) {

	.side-logo {

		display: none !important

	}

	.navcall {

		flex-wrap: wrap;

		justify-content: flex-end

	}

	.navcall .info {

		float: none !important;

		margin-right: 0 !important;

		display: flex !important;

		justify-content: end;

		margin-top: 8px

	}

	header.header {

		margin-top: 0 !important;

		padding: 9px 0 14px

	}

	.is-stickypage .webimenu {

		top: 0

	}

  	nav.webimenu {

		width: 12%;

		display: flex;

		flex-wrap: wrap;

		justify-content: flex-end;

		padding-bottom: 15px;

		height: 44px;

		position: absolute;

		right: 10px

	}

  .webimenu ul {

		list-style: none;

		display: none;

		position: absolute;

		margin: 0;

		width: 146px

	}

}

@media (max-width: 767px) {
      .first-title span{

    font-size: 28px;

  }

  .h3-title{

    font-size: 20px;

  }

  .webimenu ul{

        max-width: initial !important;

      }

    	header .logo img {

		max-width: 100%

	}

	.heading-block h3 {

		padding-bottom: 30px

	}

    .mobile_header {

        display: block;

    }

    .manage_block1{

        display: none;

    }

    .slider_block{

        display: block;

        height: 40px;

    }

    .contact{

        width: 80%;

        margin: auto;

    }

    .banner_three_button {

        gap: 9px;

    }



    .redirect_block{

        padding: 0px;

        margin: 0px;

    }

    .margin-bottom-25{

        margin-bottom:0px !important;

    }

    .direct_btn a{

        padding: 3px;

    }

    .social-icons{

        margin: 10px 0px 0px;

    }

    .google_container{

        margin-bottom: 10px;

    }

    .google_main_section .google_rate {

        width: 50%;

    }


    .direction_change{

        order: 2;

    }

   

    .case-stats .stats-inner .img_bottom{

        margin-bottom: 0px !important;

    }



    .google_section {

        display: block;

    }

    .heading_block_text h2{

        font-size: 20px;

    }



    #customers-testimonials {

        margin-top: 20px;

    }

    .banner_content h2{

        font-size: 18px !important;

    }





    .managemtn_block .col-md-3 {

        flex-basis: 96% !important;

        margin-bottom: 15px !important;

    }



    .top_header_block a {

        font-size: 14px !important

    }



    .main_header .row {

        align-items: center;

    }



    .main_header {

        width: 100% !important;

    }



    .foot_animated_btn {

        font-size: 15px;

        padding: 5px 8px;

    }



    .heading-block h2 {

        font-size: 18px;

        line-height: normal !important;

    }



    .manage_block1 h1 {

        font-size: 14px;

        width: auto !important;

        display: none;

    }



    .manage_block {

        width: 60px !important;

    }



    .header-large .form-header {

        font-size: 22px !important;

    }



    .footer_img_parents .flagimg1 {

        margin-right: 10px;

    }



    .header-large .header-text .form-header {

        font-size: 22px !important;



    }



    #btn_submitt {

        margin: 0px 0px 20px;

    }



    .flag {

        flex-wrap: wrap;

    }



    .cutom_text {

        width: 100% !important;

    }



    .border-right {

        border-right: unset !important;

        padding: 0px !important;

    }



    .footer .flagimg1 {
        height: 60px;
    }



    .owl-carousel.owl-drag .owl-item {

        background-color: unset !important;

    }

    .btn_first {

        /* margin: 0px 16px 8px 0px; */

        padding: 4px 10px;

        border-radius: 4px;

        font-size: 15px;

    }

    .case-stats .stats-inner .column{

        margin-bottom: 15px;

    }

    .case-stats .stats-inner .text{

        margin-bottom: 5px !important;

    }

    .mobile_block_text h1{

        display: block;

    }

    .mobile_block_text {

        text-align: center;

    }

    .mobile_device_section{

        width: 100%;

        order: 3;

     

    }

    .logo_block_section{

        width: 50%;

    }

    .slide_inner_block{

        font-size: 14px;

        line-height:100%;

    }

        header nav li a {

        display: inline-block;

        width: 100%;

        float: none;

        color: #fff;

    }

    .section-light-bg,

 .section-gradient-purple,

 .section-gradient-gray {

    padding: 25px 15px;

  }

  .card-why-choose {

    margin-bottom: 20px;

    min-height: 90px;

    padding: 20px;

  }

    .card-why-choose,

    .card-benefit {

    margin-bottom: 20px;

  }

  .card-hover {

    padding: 20px;

    margin-bottom: 20px;

  }

  .section-gradient-purple h4 {

    font-size: 18px;

    margin-bottom: 10px;

  }

.section-gradient-purple .row{

      gap: 20px;

}

   .btn-custom {

    padding: 15px 30px;

    font-size: 16px;

  }

    .contact-info-container {

    padding: 20px;

  }


	.btn {

		padding: 10px 15px

	}

	.webimenu ul {

		width: 177px

	}

	.webimenu {

		width: 44px !important;

		top: 21%

	}


	header .sticky {

		padding: 0

	}

	.header-main {

		display: flex !important;

		flex-direction: column-reverse

	}

	.display-none {

		display: none !important

	}

	.is-sticky .sticky {

		position: fixed !important

	}



	.testimonial #testi-slide {

		width: 100%

	}

	.testimonial {

		padding: 100px 0 !important

	}

	header .logo {

		position: relative;

		float: left;

		text-align: center

	}

	header .logo {

		width: 25% !important;

		margin-bottom: 10px !important;

		margin-top: 10px !important;

		text-align: left !important

	}
	header nav li a {

		display: inline-block;

		width: 100%;

		float: none

	}

	.vertical-menu .header {

		width: 100%;

		position: relative;

		padding-top: 20px;

		margin-bottom: -5px

	}

	header .sticky .container-fluid {

		width: 100%;

		display: block

	}

    .btn-style-two{

padding: 5px 10px;

}

}

@media (min-width:480px)and(max-width:640px) {

	.header-main {

		display: inline-block;

		width: 100%

	}

	header .logo {

		width: 100%;

		margin-bottom: 12px

	}

	header .logo img {

		max-width: 100%;

		padding-bottom: 10px

	}

}

@media (max-width: 480px) {

  .card-why-choose {

    margin-bottom: 15px;

    min-height: 80px;

    padding: 15px;

  }
.contact-wrap {
    height: 773px;
}
}
@media (min-width: 480px) and (max-width: 768px) {
    .contact-wrap {
        height: 592px;
    }
}