@media only screen and (min-width: 1200px) and (max-width: 1300px){}

@media only screen and (max-width: 1199px){
	.header-top-info li i{
		margin-right: 5px;
		font-size: 14px;
	}
	.header-top-info li{
		margin-right: 8px;
		font-size: 15px;
	}
	.header-social:after{
		width: 275px;
	}
	.header-social a{
		width: 30px;
    	height: 30px;
    	line-height: 30px;
    	font-size: 14px;
	}
	.middle-header{
		padding: 17px 0;
	}
	.middle-header .header1-logo img {
    	width: 270px;
	}
	.main-menu a{
		font-size: 16px;
	}
	.main-menu > ul > li{
		margin: 0 8px;
	}
	.main-menu ul.head-list{
		left: -240px;
	}
	.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: 35px;
	}
	.team-card .team-body h3{
		font-size: 20px;
	}
	.team-card .team-body{
		padding: 14px 22px 20px;
	}
	.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 h2{
		font-size: 31px;
    	line-height: 40px;
	}
	.contact-information .contact-title p{
		margin-bottom: 20px;
	}
	.blog-single h1{
		font-size: 36px;
		line-height: 38px;
	}
}

@media only screen and (max-width: 991px){
	.header-top{
		padding: 5px 0;
	}
	.header-top-info li.time{
		display: none !important;
	}
	.header-social:after{
		display: none;
	}
	.header-top-info li i{
		font-size: 13px;
		margin-right: 4px;
	}
	.header-top-info li{
		margin-right: 5px;
	}
	.middle-header {
        padding: 15px 0;
    }
	.main-slider .slick-slide {
        height: 350px;
    }
    .main-slider .slider-content{
    	width: 530px;
    }
    .main-slider .slick-slide::before{
    	width: 74%
    }
    .main-slider .slider-content h1{
    	font-size: 34px;
    	line-height: 40px;
    	margin-bottom: 10px;
    }
    .main-slider .slider-content p{
    	font-size: 16px;
    	margin-bottom: 17px;
    }
    .vs-btn{
    	font-size: 15px;
    	padding: 12px 25px;
    }
    .space {
    	padding: 60px 0;
	}
	.vs-about-wrapper .about-content .about-title h1{
		font-size: 40px;
	}
	.vs-about-wrapper .about-content .about-title h3{
		font-size: 17px;
	}
	.vs-about-wrapper .about-content .about-title {
    	margin-bottom: 6px;
	}
	.section-title h2{
		font-size: 44px;
	}
	.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: 60px;
    	height: 60px;
    	line-height: 55px;
    	font-size: 23px;
    }
    .vs-skill-wrapper .skill-box{
    	padding-left: 70px;
    }
    .vs-skill-wrapper .skill-box p{
    	font-size: 15px;
    }
    .vs-skill-wrapper{
    	padding: 35px 0;
    }
    .foot-order{
    	order: -1;
    }
    .widget-area .widget_title{
    	font-size: 30px;
    }
    .footer-layout1 .widget-area{
    	padding-top: 60px;
    }
    .vs-about-wrapper .about-left{
    	width: 300px;
    	margin: 0 15px 15px 0;
    }
    .blog-details .widget_categories a{
    	font-size: 15px;
    	padding-left: 48px;
    }
    .blog-details .widget{
    	padding: 3px 8px;
    }
    .vs-contact-wrapper .form-wrap1 .form-box{
    	margin-bottom: 40px;
    }
    .contact-map{
    	height: 350px;
    }
}

@media only screen and (max-width: 767px){
	.head-top-links{
		display: none;
	}
	.header-top-info li.location{
		display: none;
	}
	.header-top-info li {
        margin-right: 10px;
    }
    .main-slider .slick-slide {
        height: 270px;
    }
    .main-slider .slick-slide::before {
        width: 100%;
        height: 85%;
    }
    .main-slider .slider-content{
    	text-align: center;
    }
    .main-slider .slider-content h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .main-slider .slider-content p{
    	font-size: 15px;
    	margin-bottom: 12px;
    }
    .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;
    }
    .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 {
        padding: 12px 15px 15px;
    }
    .team-card .team-body h3 {
        font-size: 18px;
    }
    .team-card .team-head iframe{
    	height: 160px;
    }
    .team-card .team-body p{
    	font-size: 15px;
    }
    .breadcumb-title{
    	font-size: 42px;
    }
    .vs-about-wrapper .about-right h2, .vs-about-wrapper .about-right ul,
    .vs-about-wrapper .about-content p.about-align{
    	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: 45px 0;
	}
	.gallery{
		padding: 50px 0;
	}
	.contact-map {
        height: 300px;
    }
}

@media only screen and (max-width: 575px){
	.header-top-info{
		text-align: center;
	}
	.middle-header .header1-logo img {
        width: 220px;
    }
    .vs-menu-toggle{
    	right: 0;
    	width: 42px;
    	height: 42px;
    	font-size: 20px;
    }
    .main-slider .slider-content p{
    	display: none;
    }
    .main-slider .slick-slide .slide-image{
    	background-position: right;
    }
    .main-slider .slick-slide {
        height: 220px;
    }
	.main-slider .slider-content {
        width: 280px;
    }
    .main-slider .slick-slide::before{
    	height: 75%;
    }
    .main-slider .slider-content h1 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .main-slider .vs-btn{
    	font-size: 14px;
        padding: 9px 16px;;
    }
    .vs-about-wrapper .about-img1, .vs-about-wrapper .about-left{
    	width: 260px;
    }
    .vs-about-wrapper .about-content .about-title h1 {
        font-size: 34px;
    }
    .vs-about-wrapper .about-content p{
    	font-size: 15px;
    }
    .vs-btn{
    	padding: 10px 22px;
    }
    .space {
        padding: 50px 0;
    }
    .section-title h2, .vs-why-choose .section-title h2 {
        font-size: 29px;
    }
    .section-title p{
    	font-size: 15px;
    	line-height: 24px;
    }
    .service-card .icon-btn{
    	padding: 4px 12px;
    }
    .service-slider-7 .slick-dots button, .service-slider-7 .slick-dots .slick-active button{
    	width: 8px;
    	height: 8px;
    	border-radius: 50%;
    }
    .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: 40px;
    	height: 40px;
    	line-height: 40px;
    	font-size: 16px;
    }
    .team-social a{
    	padding: 9px 17px;
    }
    .about-box1 h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .about-box1 p, .vs-list li, .about-list li{
    	font-size: 15px;
    	line-height: 24px;
    }
    .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: 16px 16px;
    }
    .form-select.style3, .form-select.style2, .form-control.style3, .form-control.style2{
    	height: 50px;
    }
    .form-group{
    	margin-bottom: 14px;
    }
    .vs-skill-wrapper .skill-box h2{
    	font-size: 30px;
    }
    .vs-skill-wrapper .ripple-icon i{
    	width: 55px;
        height: 55px;
        line-height: 50px;
        font-size: 20px;
    }
    .vs-skill-wrapper .skill-box{
    	margin: 8px 0;
    	margin-left: 30x;
    }
    .avater-slider h3{
    	font-size: 20px;
    }
    .testimonail-desc p {
        font-size: 15px;
        line-height: 25px;
    }
    .footer-social{
    	margin-top: 25px;
    	text-align: center;
    }
    .footer-social a{
    	width: 45px;
    	height: 45px;
    	line-height: 45px;
    }
    .footer-layout1 .widget-area {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .widget-area .widget_title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .widget-area .footer-menu li+li {
	    margin-top: 8px;
	}
    .widget-area .foot-list {
    	column-count: 1;
	}
	.footer-layout1 p{
		font-size: 14px;
		line-height: 23px;
	}
	.widget-area .footer-menu li{
		font-size: 14px;
		line-height: 22px;
	}
	.scrollToTop{
		right: 15px;
	}
	.scroll-bottom i{
		width: 50px;
    	height: 45px;
    	line-height: 50px;
	}
	.breadcumb-wrapper {
    	padding: 55px 0;
	}
	.breadcumb-title {
        font-size: 35px;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span{
    	font-size: 16px;
    }
    .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: 25px;
    }
    .vs-about-wrapper .about-right ul li+li {
    	margin-top: 7px;
	}
	.blog-single h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .blog-single h2{
    	font-size: 20px;
    }
    .blog-single p, .blog-single ul li{
    	font-size: 15px;
    	line-height: 25px;
    }
    .testi-box1{
    	padding: 22px;
    }
    .testi-box1 p{
    	font-size: 15px;
    	line-height: 25px;
    }
    .testi-box1 .testi-quote i{
    	font-size: 36px;
    }
    .testi-box1 h3{
    	font-size: 20px;
    	margin-bottom: -2px;
    }
    .testi-box1 span{
    	font-size: 15px;
    }
    .contact-information .contact-title h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .contact-data li i{
    	width: 45px;
    	height: 45px;
    	line-height: 45px;
    	font-size: 16px;
    }
    .contact-data li{
    	padding-left: 58px;
    	font-size: 15px;
    	line-height: 25px;
    }
    .contact-data li b {
    	font-size: 16px;
	}
	.contact-map {
        height: 250px;
    }
}