@media only screen and (min-width: 1200px) and (max-width: 1300px){}

@media only screen and (min-width: 1200px){
    .header-main .container{
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1199px){
	.header-top-info li{
		font-size: 16px;
		margin-right: 10px;
	}
	.header-social:after{
		width: 275px;
	}
	.header-social a{
		width: 30px;
    	height: 30px;
    	line-height: 30px;
    	font-size: 14px;
	}
	.middle-header{
		padding: 16px 0;
	}
	.middle-header .header1-logo img {
    	width: 320px;
	}
    .main-menu > ul > li{
        margin: 0 3px;
    }
    .middle-header .header1-logo .logo-area img {
        width: 58px;
    }
    .middle-header .header1-logo .logo-area{
        gap: 8px;
    }
    .middle-header .header1-logo .logo-text h2{
        font-size: 28px;
    }
    .middle-header .header1-logo .logo-text h4{
        font-size: 13px;
    }
    .main-menu a{
        font-size: 15px;
    }
    .main-menu ul.sub-menu li a{
        font-size: 16px;
    }
    .head-margin-bottom {
        margin: 145px 0;
    }
    .main-menu ul.head-list{
        width: 530px;
    }
	.main-slider .slick-slide::before{
		width: 65%;
		height: 75%;
	}
	.main-slider .slick-slide{
		height: 400px;
	}
	.vs-about-wrapper .about-content p span{
		display: none;
	}
	.vs-about-wrapper .about-content .vs-btn{
		margin-top: 5px;
	}
	.service-card h3{
		font-size: 18px;
		padding: 0 8px;
	}
	.vs-why-choose .section-title{
		margin-bottom: 18px;
	}
	.vs-why-choose .section-title h2 {
    	font-size: 40px;
	}
	.vs-why-choose .why-choose-data{
		margin-bottom: 10px;
	}
	.vs-why-choose .why-choose-data h3{
		margin-bottom: 2px;
	}
	.about-box1 h2{
		font-size: 36px;
        line-height: 42px;
	}
	.team-card .team-body h3{
		font-size: 20px;
	}
	.team-card .team-body{
		padding: 14px 15px 55px;
	}
	.form-wrap1 .form-box, .form-wrap1 .form-title-box{
		padding: 25px 22px;
	}
	.form-wrap1 .form-title-box .ripple-icon i{
		width: 60px;
    	height: 60px;
    	line-height: 55px;
    	font-size: 20px;
	}
	.testimonail-desc p{
		font-size: 16px;
	}
	.contact-information .contact-title p{
		margin-bottom: 20px;
	}
	.blog-single h1{
		font-size: 36px;
		line-height: 38px;
        margin-bottom: 15px;
	}
    .main-slider .slider-content{
        width: 520px;
    }
    .main-slider .slider-content h1{
        font-size: 33px;
        line-height: 39px;
    }
    .main-slider .slider-content p{
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .main-slider .banner-right-img img{
        width: 410px;
    }
    .vs-btn{
        padding: 10px 20px;
    }
    .service-box .sr-content h3{
        font-size: 20px;
        margin-bottom: 6px;
    }
    .service-box .sr-content p{
        line-height: 24px;
    }
    .service-box .sr-content{
        height: 195px;
    }
    .vs-list li+li, .about-list li+li{
        margin-top: 8px;
    }
    .why-choose-data{
        padding: 25px 20px;
    }
    .apt-form .form-title-box p{
        font-size: 16px;
    }
    .vs-about-wrapper .about-img1 .experience{
        left: -25px;
    }
    .vs-about-wrapper .about-img1 .experience h2{
        padding: 15px 10px;
        font-size: 18px;
    }
    .vs-about-wrapper .about-img1 .experience h2 i{
        font-size: 34px;
    }
    .vs-about-wrapper .about-img1 .experience h2 span{
        font-size: 32px;
    }
    .testimonial-box{
        margin-bottom: 20px;
    }
    .why-choose-icon{
        top: 35.5%;
        left: 43.5%;
    }
    .vs-about-wrapper .about-right h2{
        font-size: 26px;
    }
    .footer-right:before{
        left: -5px;
    }
    .vs-skill-wrapper .skill-box p{
        font-size: 17px;
    }
    .vs-skill-wrapper .skill-box h2{
        font-size: 32px;
    }
    .vs-skill-wrapper .skill-box{
        padding-left: 85px;
    }
    .tp-blog-title{
        font-size: 18px;
        line-height: 24px;
        height: 48px;
    }
    .tp-blog-content{
        padding: 22px 18px;
    }
    .service-style1 .service-flip-title{
        font-size: 17.5px;
    }
    .testimonial-box .content p{
        font-size: 16px;
        line-height: 26px;
    }
    .widget-area .foot-map{
        height: 310px;
    }
    .vs-blog-wrapper .row{
        justify-content: center;
    }
    .contact-map {
        height: 360px;
    }
}

@media only screen and (max-width: 991px){
    .head-top-links a{
        padding: 10px 18px;
    }
	.header-top-info li.time{
		display: none !important;
	}
	.header-social:after{
		display: none;
	}
	.header-top-info li{
		margin-right: 8px;
	}
    .middle-header .header1-logo img{
        width: 100%;
    }
	.middle-header {
        padding: 12px 0;
    }
	.main-slider .slick-slide {
        height: 310px;
    }
    .main-slider .slider-content{
    	width: 400px;
    }
    .main-slider .slick-slide::before{
    	width: 74%
    }
    .main-slider .slider-content h1{
    	font-size: 26px;
    	line-height: 32px;
    }
    .main-slider .slider-content h2{
        font-size: 17px;
    }
    .main-slider .slider-content p{
    	font-size: 15px;
        line-height: 22px;
        margin-top: 5px;
    }
    .main-slider .slider-content .vs-btn{
        padding: 7px 14px;
    }
    .vs-btn{
    	padding: 8px 18px;
    }
    .space {
    	padding: 60px 0;
	}
	.vs-about-wrapper .about-content .about-title h1{
		font-size: 40px;
        margin-bottom: 14px;
	}
	.vs-about-wrapper .about-content .about-title h3{
		font-size: 16px;
        margin-bottom: 12px;
	}
    .vs-about-wrapper .about-content p{
        font-size: 16px;
        line-height: 26px;
    }
    .vs-about-wrapper .about-img1{
        padding: 0;
    }
	.vs-about-wrapper .about-content .about-title {
    	margin-bottom: 6px;
	}
	.section-title h2{
		font-size: 42px;
	}
	.service-card h3 {
        font-size: 19px;
        padding: 0 10px;
    }
    .vs-why-choose .about-image{
    	display: none;
    }
    .vs-why-choose .section-title{
    	text-align: center;
    	margin-bottom: 30px;
    }
    .about-box1 h2 {
        font-size: 38px;
        line-height: 42px;
    }
    .vs-skill-wrapper .ripple-icon i{
    	width: 55px;
    	height: 55px;
    	line-height: 55px;
    	font-size: 24px;
    }
    .vs-skill-wrapper .skill-box h2{
        font-size: 32px;
        line-height: 36px;
    }
    .vs-skill-wrapper .skill-box{
    	padding-left: 72px;
    }
    .vs-skill-wrapper .skill-box p{
    	font-size: 15px;
    }
    .vs-skill-wrapper{
    	padding: 35px 0;
    }
    .widget-area .widget_title{
    	font-size: 30px;
    }
    .footer-layout1 .widget-area{
    	padding-top: 50px;
    }
    .vs-about-wrapper .about-left{
    	width: 280px;
    }
    .blog-details .widget_categories a{
    	font-size: 16px;
    }
    .blog-details .widget{
    	padding: 3px 8px;
    }
    .contact-map{
    	height: 280px;
    }
    .about-box1 p, .vs-list li, .about-list li{
        font-size: 16px;
    }
    .appointment-wrapper .why-choose-img img{
        margin-top: 25px;
    }
    .why-choose-data{
        height: 250px;
    }
    .testimonial-box .content p{
        font-size: 16px;
        line-height: 26px;
    }
    .testimonial-box .author-info h3{
        font-size: 22px;
    }
    .footer-apt-area h1{
        font-size: 30px;
    }
    .breadcumb-wrapper{
        padding: 60px 0;
    }
    .testi-box1 p{
        font-size: 16px;
        line-height: 26px;
    }
    .why-choose-icon{
        top: 45.5%;
        left: 33.5%;
    }
    .section-title p{
        width: 100%;
        font-size: 17px;
    }
    .header-top-info2 li i{
        width: 27px;
        height: 27px;
        line-height: 27px;
        font-size: 15px;
    }
    .header-top-btn .vs-btn{
        padding: 9px 16px;
    }
    .header-top{
        padding: 6px 0;
    }
    .team-card .team-body h3{
        font-size: 21px;
    }
    .testimonial-wrapper .apt-form .form-title-box h2{
        font-size: 33px;
    }
    .testimonial-wrapper .section-title h2{
        font-size: 38px;
    }
    .tst-right, .appoint-section{
        margin: 0;
    }
    .form-select.style3, .form-select.style2, .form-control.style3, .form-control.style2{
        height: 52px;
    }
    textarea.form-control{
        min-height: 110px;
    }
    .form-group{
        margin-bottom: 12px;
    }
    .testimonial-box .quote i{
        font-size: 40px;
        margin-bottom: 2px;
    }
    .widget-area .footer-menu2 li{
        margin-bottom: 15px;
    }
    .footer-layout1 .footer-top{
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
    .footer-right .quick-menu li a{
        padding: 4px 6px;
        margin: 0;
    }
    .widget-area .footer-menu li{
        line-height: 24px;
    }
    .widget-area .footer-menu li+li {
        margin-top: 8px;
    }
    .footer-right:before{
        display: none;
    }
    .footer-right{
        text-align: left;
        padding-left: 25px;
    }
    .blog-single h1{
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 12px;
    }
    .blog-details .widget_categories a{
        padding: 14px 12px;
        padding-left: 40px;
    }
    .blog-details .widget_categories li > span{
        left: 12px;
        top: 19px;
    }
    .inner-testimonials{
        padding: 60px 0 40px;
    }
    .apt-form .form-title-box h2{
        font-size: 38px;
    }
    .form-select, .form-control{
        padding: 0 20px;
    }
    .contact-information .contact-title h2{
        font-size: 36px;
        margin-bottom: 10px;
    }
    .contact-map {
        height: 320px;
    }
    .contact-information{
        height: auto;
        margin-bottom: 50px;
    }
    .head-margin-bottom{
        margin: 138px 0;
    }
    .middle-header .header1-logo .logo-area img{
        width: 62px;
    }
    .middle-header .header1-logo .logo-area{
        gap: 12px;
    }
    .middle-header .header1-logo .logo-text h2 {
        font-size: 32px;
    }
    .middle-header .header1-logo .logo-text h4 {
        font-size: 15px;
    }
    .main-slider .banner-right-img img{
        width: 310px;
        padding-top: 10px;
    }
    .widget-area .foot-list{
        column-count: 2;
    }
    .btn-whatsapp-pulse{
        bottom: 125px;
        padding: 29px;
    }
    .btn-whatsapp-pulse-border{
        bottom: 50px;
    }
    .breadcumb-content, .breadcumb-menu-wrap{
        text-align: center;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .breadcumb-title{
        font-size: 44px;
        margin-bottom: 8px;
    }
    .blog-card h3{
        font-size: 18px;
    }
    .vs-accordion .accordion-button{
        font-size: 18px;
        padding: 15px 20px;
        padding-left: 55px;
    }
    .vs-accordion .accordion-body p{
        font-size: 16px;
        line-height: 25px;
    }
    .gallery{
        padding: 60px 0 50px;
    }
    .header-top .head2{
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 767px){
    .header-top{
        padding: 8px 0;
    }
	.head-top-links{
        position: fixed;
        bottom: 0;
        right: 0;
    }
    .head-top-links a{
        padding: 9px 15px;
    }
	.header-top-info li {
        margin-right: 6px;
		font-size: 14.5px;
    }
	.header-top-info li i{
		font-size: 13px;
		margin-right: 6px;
	}
    .main-slider .slick-slide {
        height: 320px;
    }
    .main-slider .slick-slide::before {
        width: 100%;
        height: 85%;
    }
    .main-slider .slider-content{
    	text-align: center;
        width: 530px;
        background: #ffffffb5;
        padding: 20px;
        border-radius: 5px;
    }
    .main-slider .slider-content h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .main-slider .slider-content p{
    	font-size: 15px;
        line-height: 22px;
    	margin-bottom: 12px;
    }
    .main-slider .slider-content .vs-btn{
        padding: 8px 16px;
        font-size: 14px;
    }
    .main-slider .banner-right-img{
        text-align: center;
    }
    .vs-about-wrapper .about-img1, .vs-about-wrapper .about-left{
    	width: 340px;
    	margin: 0 auto 25px;
    	float: none;
    }
    .vs-about-wrapper .about-content{
    	text-align: center;
    }
    .vs-about-wrapper .about-content p span{
    	display: block;
    }
    .section-title h2 {
        font-size: 40px;
        line-height: 100%;
    }
    .service-card h3{
    	font-size: 17px;
    }
    .service-card .icon-btn{
    	font-size: 14px;
    	padding: 5px 15px;
    }
    .vs-why-choose .why-choose-data h3{
    	font-size: 18px;
    }
    .team-card .team-body p, .vs-about-wrapper .about-content p{
        line-height: 25px;
    }
    .breadcumb-title{
    	font-size: 38px;
    }
    .vs-about-wrapper .about-right h2, .vs-about-wrapper .about-right ul,
    .vs-about-wrapper .about-content p.about-align, .vs-about-wrapper .about-content b{
    	text-align: left;
    }
    .blog-details .widget{
    	display: none;
    }
    .team-card-links{
    	left: 12px;
    	right: 10px;
    }
    .team-card-links a {
    	margin-right: 5px;
	}
	.inner-testimonials {
    	padding: 50px 0 30px;
	}
	.gallery{
		padding: 50px 0;
	}
	.contact-map {
        height: 280px;
    }
    .main-slider .slick-slide .slide-image.b1{
        display: none;
    }
    .main-slider .slick-slide .slide-image.b2{
        display: block;
    }
    .main-slider .slick-dots{
        bottom: 10px;
    }
    .main-slider .slick-dots li button{
        width: 10px;
        height: 10px;
    }
    .main-slider .slick-dots li.slick-active button{
        scale: scale(1.2);
    }
    .service-box .sr-content p{
        font-size: 15px;
        line-height: 22px;
    }
    .service-box .icon-btn{
        font-size: 15px;
        padding: 6px 0px;
    }
    .service-box .sr-content h3{
        font-size: 18px;
    }
    .service-box .sr-icon i{
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }
    .service-box .sr-icon{
        padding: 4px;
    }
    .why-choose-icon{
        left: 43.5%;
    }
    .appointment-wrapper .why-choose-img img {
        margin-top: 0;
    }
    .why-choose-data{
        height: auto;
        margin-bottom: 15px;
    }
    .vs-why-choose-wrapper, .testimonial-wrapper{
        padding-bottom: 45px;
    }
    .section-title p{
        font-size: 16px;
        line-height: 24px;
    }
    .testimonial-box{
        margin-bottom: 20px;
    }
    .footer-apt-area h1{
        font-size: 28px;
    }
    .footer-apt-area h1 a{
        font-size: 32px;
    }
    .breadcumb-wrapper {
        padding: 50px 0;
    }
    .vs-attachments-wrapper2 {
        padding: 45px 0;
    }
    .btn-whatsapp-pulse{
        padding: 26px;
        font-size: 34px;
        bottom: 110px;
    }
    .btn-whatsapp-pulse-border{
        font-size: 26px;
        bottom: 50px;
    }
    .tst-right{
        text-align: center;
        margin-top: 40px;
    }
    .testimonial-wrapper .section-title h2{
        text-align: center;
    }
    .testimonial-box .author-info, .testimonial-box .author-img{
        justify-content: center;
    }
    .specialist-slider .slick-dots{
        margin-left: 0;
        text-align: center;
    }
    .about-box1 h2{
        font-size: 34px;
        line-height: 40px;
    }
    .about-box1 p, .vs-list li, .about-list li{
        line-height: 25px;
    }
    .widget-area .foot-list{
        column-count: 2;
    }
    .footer-right{
        padding-left: 15px;
    }
    .vs-about-wrapper .about-right ul li{
        line-height: 24px;
    }
    .vs-about-wrapper .about-right ul li+li {
        margin-top: 6px;
    }
    .contact-information .contact-title h2{
        margin-bottom: 10px;
    }
    .contact-information .contact-title p{
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 25px;
    }
    .header-top-info2{
        display: none;
    }
    .abt-order{
        order: -1;
    }
    .vs-about-wrapper .about-content .about-title h3{
        font-size: 17px;
    }
    .vs-about-wrapper .about-content .vs-btn{
        padding: 11px 16px;
    }
    .vs-skill-wrapper .ripple-icon i{
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
    }
    .vs-skill-wrapper .skill-box h2{
        font-size: 30px;
        line-height: 18px;
        margin-bottom: 12px;
    }
    .vs-skill-wrapper .skill-box{
        padding-left: 65px;
    }
    .vs-skill-wrapper .skill-box p{
        line-height: 22px;
    }
    .vs-skill-wrapper{
        padding: 35px 0 30px;
    }
    .tp-blog-content {
        padding: 20px 15px;
    }
    .tp-blog-title{
        font-size: 16px;
        line-height: 21px;
    }
    .tp-blog-btn a{
        padding: 6px 16px;
    }
    .tp-blog-item-tag span{
        font-size: 14px;
        padding: 4px 14px;
    }
    .tp-blog-item-tag{
        top: -34px;
    }
    .service-style1 .service-flip-title{
        font-size: 16px;
    }
    .service-style1 .service-title{
        font-size: 17px;
    }
    .service-style1 .service-text{
        font-size: 15px;
        line-height: 22px;
    }
    .service-style1 .service-btn{
        bottom: 10px;
        font-size: 19px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .widget-area .foot-map {
        height: 150px;
    }
    .blog-single h1{
        font-size: 27px;
        line-height: 33px;
    }
    .blog-single h2{
        margin-bottom: 6px;
        font-size: 22px;
    }
    .testi-box1 .testi-quote i{
        font-size: 42px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-left: -40px;
    }
    .testi-box1{
        padding: 25px;
        padding-top: 35px;
    }
    .testi-box1 p{
        margin-bottom: 10px;
    }
    .vs-blog-wrapper{
        padding: 45px 0;
    }
    .blog-card h3{
        margin: 5px 0;
    }
    .blog-card .blog-date .day{
        font-size: 20px;
    }
    .blog-card .blog-date{
        font-size: 13px;
        padding: 6px 2px;
    }
    .blog-single p strong{
        font-size: 18px;
    }
    .faq-section {
        padding: 50px 0;
    }
    .vs-accordion .accordion-button{
        font-size: 17px;
        line-height: 24px;
        padding: 13px 15px;
        padding-left: 50px;
    }
    .vs-accordion .accordion-button:before{
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
    }
    .vs-accordion .accordion-body{
        padding-left: 50px;
    }
    .gallery h3{
        font-size: 18px;
    }
    .gallery p{
        line-height: 25px;
    }
    .gallery .gallery-margin{
        margin: 30px;
    }
    .header-top .head1{
        display: none;
    }
}

@media only screen and (max-width: 575px){
    .header-top{
        padding: 5px 0;
    }
    .header-top-info li{
        font-size: 15px;
        line-height: normal;
    }
	.header-top-info{
		text-align: center;
	}
    .middle-header{
        padding: 15px 0;
    }
	.middle-header .header1-logo img {
        width: 240px;
    }
    .vs-menu-toggle{
    	right: 0;
    	width: 35px;
    	height: 35px;
    	font-size: 16px;
    }
    .main-slider .slider-content p{
    	display: none;
    }
    .main-slider .slick-slide .slide-image{
    	background-position: right;
    }
    .main-slider .slick-slide {
        height: 200px;
    }
    .main-slider .banner-right-img img{
        width: 210px;
    }
	.main-slider .slider-content {
        width: 92%;
    }
    .main-slider .slick-slide::before{
    	height: 75%;
    }
    .main-slider .slider-content h1 {
        font-size: 20px;
        line-height: 22px;
    }
    .main-slider .slider-content h2 {
        font-size: 13px;
    }
    .main-slider .vs-btn{
    	font-size: 14px;
        padding: 9px 16px;;
    }
    .vs-about-wrapper .about-img1, .vs-about-wrapper .about-left{
    	width: 260px;
        padding: 0;
    }
    .vs-about-wrapper .about-content .about-title h1 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .vs-about-wrapper .about-content p{
    	font-size: 15px;
        line-height: 24px;
    }
    .vs-btn{
        padding: 7px 16px;
        font-size: 15px;
    }
    .space {
        padding: 50px 0;
    }
    .section-title h2, .vs-why-choose .section-title h2 {
        font-size: 31px;
    }
    .section-title p{
    	font-size: 15px;
    	line-height: 22px;
    }
    .section-title {
        margin-bottom: 25px;
    }
    .service-card .icon-btn{
    	padding: 4px 12px;
    }
    .vs-why-choose .section-title{
    	margin-bottom: 25px;
    }
    .vs-why-choose .why-choose-data h3 {
        font-size: 17px;
    }
    .vs-why-choose .why-choose-data p{
    	line-height: 24px;
    }
    .team-card-links i{
    	width: 35px;
    	height: 35px;
    	line-height: 35px;
    	font-size: 14px;
    }
    .team-card .team-body .vs-btn{
        padding: 6px 14px;
    }
    .team-social a{
    	padding: 9px 17px;
    }
    .about-box1 h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 18px;
    }
    .about-box1 p, .vs-list li, .about-list li{
    	font-size: 15px;
    	line-height: 24px;
        padding-left: 28px;
    }
    .vs-list li+li, .about-list li+li{
    	margin-top: 8px;
    }
    .apt-form .form-title-box h2{
    	font-size: 28px;
    }
    .apt-form .form-title-box p{
    	line-height: 24px;
    }
    .form-wrap1 .form-box, .form-wrap1 .form-title-box{
    	padding: 18px 18px;
    }
    .form-select.style3, .form-select.style2, .form-control.style3, .form-control.style2{
    	height: 48px;
    }
    .vs-skill-wrapper .skill-box h2{
    	font-size: 25px;
        margin-bottom: 8px;
    }
    .vs-skill-wrapper .ripple-icon i{
    	width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
    }
    .vs-skill-wrapper .skill-box{
        width: 215px;
    	margin: 9px auto;
    	margin-left: 30x;
    }
    .vs-skill-wrapper{
        padding: 25px 0 20px;
    }
    .avater-slider h3{
    	font-size: 20px;
    }
    .testimonail-desc p {
        font-size: 15px;
        line-height: 25px;
    }
    .footer-social a{
    	width: 40px;
    	height: 40px;
    	line-height: 40px;
    }
    .footer-layout1 .widget-area {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .widget-area .widget_title {
        font-size: 26px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .widget-area .footer-menu li+li {
	    margin-top: 8px;
	}
    .widget-area .foot-list {
    	column-count: 1;
	}
	.footer-layout1 p{
		font-size: 15px;
		line-height: 24px;
	}
	.widget-area .footer-menu li{
		font-size: 15px;
		line-height: 24px;
	}
	.scrollToTop{
		right: 15px;
	}
	.scroll-bottom i{
		width: 45px;
    	height: 45px;
    	line-height: 45px;
	}
	.breadcumb-wrapper {
    	padding: 35px 0;
	}
	.breadcumb-title {
        font-size: 30px;
        margin-bottom: 2px;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span{
    	font-size: 15px;
        margin-right: 0px;
        padding-right: 4px;
        line-height: 30px;
    }
    .breadcumb-menu-wrap > i:before {
        font-size: 12px;
        --icon-size: 26px;
    }
    .vs-about-wrapper .about-right h2{
    	font-size: 23px;
    }
    .vs-about-wrapper .about-right ul li{
    	font-size: 15px;
    	line-height: 23px;
    }
    .vs-about-wrapper .about-right ul li+li {
    	margin-top: 5px;
	}
	.blog-single h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .blog-single h2{
    	font-size: 20px;
    }
    .blog-single p, .blog-single ul li, .blog-single span{
    	font-size: 15px;
    	line-height: 24px;
    }
    .inner-testimonials .tst-margin{
        margin: 25px 0;
    }
    .testi-box1{
    	padding: 22px;
        padding-top: 30px;
        border-radius: 15px;
    }
    .testi-box1 p{
    	font-size: 15px;
    	line-height: 24px;
        margin-bottom: 8px;
    }
    .testi-box1 .testi-quote i{
    	font-size: 32px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-left: -35px;
        top: -30px;
    }
    .testi-box1 h3{
    	font-size: 20px;
    	margin-bottom: -2px;
    }
    .testi-box1 span{
    	font-size: 15px;
    }
    .contact-information .contact-title h2 {
        font-size: 28px;
        line-height: 28px;
    }
    .contact-data li i{
    	width: 40px;
    	height: 40px;
    	line-height: 40px;
    	font-size: 16px;
    }
    .contact-data li{
    	padding-left: 50px;
    	font-size: 15px;
    	line-height: 23px;
    }
    .contact-data li b {
    	font-size: 17px;
	}
	.contact-map {
        height: 220px;
    }
    .main-slider .slick-dots{
        bottom: 10px;
    }
    .testimonial-box.testi-margin{
        margin-bottom: 30px;
    }
    .main-slider .slick-slide .slide-image.b2{
        background-position: center;
    }
    .header-top-info li i{
        font-size: 13px;
        margin-right: 5px;
    }
    .header-top-info li{
        margin-right: 7px;
    }
    .vs-about-wrapper .about-content .about-title h3{
        font-size: 16px;
    }
    .why-choose-icon::after{
        width: 80px;
        height: 80px;
    }
    .why-choose-icon{
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 25px;
    }
    .why-choose-icon{
        left: 50%;
        top: 50%;
        margin-top: -30px;
        margin-left: -30px;
    }
    .why-choose-data h3{
        font-size: 20px;
    }
    .why-choose-data p{
        font-size: 15px;
        line-height: 23px;
    }
    .vs-why-choose-wrapper, .testimonial-wrapper{
        padding-bottom: 40px;
    }
    .testimonial-box .content p {
        font-size: 15px;
        line-height: 24px;
    }
    .testimonial-box .author-info h3 {
        font-size: 19px;
        line-height: 24px;
    }
    .testimonial-box .author-info span{
        font-size: 15px;
    }
    .testimonial-box .avater{
        width: 50px;
        height: 50px;
        padding: 2px;
    }
    .footer-apt-area h1 {
        font-size: 22px;
    }
    .footer-apt-area h1 a {
        font-size: 28px;
    }
    .footer-apt-area{
        padding-bottom: 25px;
    }
    .widget-area .footer-menu li:before{
        font-size: 12px;
    }
    .widget-area .footer-menu2 li:before{
        font-size: 26px;
    }
    .widget-area .footer-menu li{
        padding-left: 22px;
    }
    .widget-area .footer-menu2 li{
        padding-left: 40px;
        margin-bottom: 10px;
    }
    .btn-whatsapp-pulse{
        padding: 25px;
        font-size: 32px;
    }
    .btn-whatsapp-pulse-border{
        font-size: 24px;
    }
    .blog-single{
        padding: 18px;
    }
    .blog-single ul li{
        padding-left: 22px;
    }
    .team-card .team-body p{
        font-size: 15px;
        line-height: 24px;
    }
    .team-card .team-body h3{
        font-size: 19px;
    }
    .team-card .team-body h3{
        line-height: 25px;
    }
    .form-select.style3, .form-select.style2, .form-control.style3, .form-control.style2{
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }
    .contact-information .contact-title p{
        font-size: 15px;
        line-height: 23px;
    }
    .apt-form .form-title-box p{
        font-size: 15px;
        line-height: 22px;
    }
    .widget-area .foot-list{
        column-count: 1;
    }
    .header-top-info2{
        display: none;
    }
    .main-slider .slider-content .vs-btn{
        padding: 5px 10px;
        font-size: 12px;
        margin-top: 5px;
    }
    .vs-about-wrapper .about-img1 .experience h2 i{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .vs-about-wrapper .about-img1 .experience h2 span {
        font-size: 28px;
    }
    .vs-about-wrapper .about-img1 .experience h2{
        font-size: 16px;
    }
    .vs-about-wrapper .about-img1 .experience {
        left: -18px;
        top: 40px;
        border: 2px solid #fff;
    }
    .vs-about-wrapper .about-img1 img {
        border-radius: 20px;
    }
    .testimonial-wrapper .apt-form .form-title-box h2{
        font-size: 30px;
    }
    .testimonial-wrapper .section-title h2 {
        font-size: 32px;
    }
    .testimonial-box .quote i {
        font-size: 42px;
    }
    .testimonial-box .author-info {
        margin-left: 10px;
    }
    .vs-list li:before, .about-list li:before{
        font-size: 16px;
    }
    .footer-right .quick-menu li{
        padding-left: 0;
        margin: 7px 0;
    }
    .widget-area .foot-map{
        height: 130px;
    }
    .footer-layout1 .copyright p{
        font-size: 14px;
        line-height: 22px;
    }
    .service-slider-7 .slick-dots button, .specialist-slider .slick-dots button,
    .service-slider-7 .slick-dots .slick-active button, 
    .specialist-slider .slick-dots .slick-active button{
        width: 10px;
        height: 10px;
    }
    .vs-about-wrapper .about-right h2 {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .vs-about-wrapper .about-right .about-margin {
        margin-top: 20px;
    }
    .blog-single .blog-img img {
        border-radius: 15px;
    }
    .inner-testimonials {
        padding: 40px 0 30px;
    }
    .contact-data li+li{
        margin-top: 12px;
    }
    .middle-header .header1-logo .logo-text h2{
        font-size: 24px;
        margin-bottom: 1px;
    }
    .middle-header .header1-logo .logo-text h4{
        font-size: 12px;
    }
    .middle-header .header1-logo .logo-area img{
        width: 40px;
    }
    .middle-header .header1-logo .logo-area{
        gap: 8px;
    }
    .slide-nav1 .slick-prev, .slide-nav1 .slick-next, 
    .vs-service-wrapper .slick-prev, .vs-service-wrapper .slick-next, 
    .main-slider .slick-prev, .main-slider .slick-next{
        width: 30px;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }
    .header-top-info li.mail{
        display: none;
    }
    .header-top-info li.phone{
        margin-right: 0;
    }
    .head-margin-bottom{
        margin: 112px 0;
    }
    .vs-about-wrapper .about-content .about-title{
        margin-bottom: 0;
    }
    .vs-about-wrapper .about-content .vs-btn{
        padding: 8px 12px;
    }
    .tp-blog-title{
        font-size: 17px;
    }
    .tp-blog-btn a{
        font-size: 14px;
        padding: 2px 12px;
    }
    .tp-blog-btn a i{
        margin-left: 3px;
    }
    .tp-blog-item-tag span{
        padding: 1px 10px;
    }
    .tp-blog-item-tag{
        top: -28px;
    }
    .tp-blog-content {
        padding: 15px 12px;
    }
    .tp-blog-title{
        font-size: 16px;
        height: 42px;
    }
    .tp-blog-btn{
        transform: translateY(30px);
    }
    .service-style1 .service-title{
        font-size: 18px;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i{
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 11px;
        margin-right: 5px;
    }
    .vs-attachments-wrapper2, .vs-blog-wrapper{
        padding: 38px 0;
    }
    .blog-card .blog-date{
        left: 15px;
        top: 15px;
    }
    .blog-card .blog-content{
        padding: 15px;
    }
    .blog-card .blog-meta span, .blog-card .blog-meta p{
        font-size: 14px;
    }
    .blog-card h3{
        font-size: 17px;
        line-height: 22px;
        margin: 3px 0;
    }
    .blog-card .link-btn{
        font-size: 15px;
    }
    .faq-section{
        padding: 45px 0;
    }
    .vs-accordion .accordion-button{
        font-size: 16px;
        line-height: 22px;
        padding-left: 42px;
    }
    .vs-accordion .accordion-button:before{
        left: 10px;
    }
    .vs-accordion .accordion-body p{
        font-size: 15px;
        line-height: 22px;
    }
    .vs-accordion .accordion-body{
        padding: 12px;
        padding-left: 42px;
    }
    .gallery h3 {
        font-size: 16px;
    }
    .gallery p{
        font-size: 15px;
        line-height: 23px;
    }
    .asyncGallery__Close{
        top: 20px;
        right: 20px;
        background-size: 20px 20px;
    }
    .asyncGallery__Item.is-visible{
        width: 100%;
    }
    .asyncGallery__ItemImage img{
        width: 80%;
        max-height: 80%;
        margin: 0 auto;
    }
    .contact-information{
        padding: 20px;
    }
    .service-style1{
        width: 270px;
        margin: 0 auto;
    }
    .widget-area .footer-menu2 li:before{
        font-size: 22px;
    }
    .widget-area .footer-menu2 li{
        padding-left: 35px;
    }
    .vs-skill-wrapper .row{
        justify-content: center;
    }
}

@media only screen and (max-width: 321px){
    .middle-header {
        padding: 12px 0;
    }
    .head-margin-bottom{
        margin: 121px 0;
    }
}

@media only screen and (max-width: 357px){
	.header-top-info li{
		font-size: 14px;
	}
	.header-top-info li i{
		font-size: 12px;
        margin-right: 5px;
	}
	.header-top .col-auto{
		padding: 0;
	}
}