

@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .header8-logo img {
        width: 385px;
    }
}

@media only screen and (min-width: 1400px){
    .menu-style8 {
        text-align: right;
    }
}


@media only screen and (max-width: 1199px){
	.header8-logo img {
    	width: 310px;
	}
	.menu-style8 > ul > li > a{
		font-size: 15px;
	}
	.menu-style8 > ul > li{
		margin: 0 5.7px;
	}
	.header-top-eight{
		padding: 6px 0;
	}
	.header-top-info-eight li+li{
		margin-left: 25px;
	}
	.header8-logo{
		padding: 22px 0px 24px;
	}
	.banner-arrows{
		bottom: 30px;
	}
	.custom-arrows-eight .slick-dots li button{
		font-size: 20px;
	}
	.custom-arrows-eight .slick-dots li:before, 
	.custom-arrows-eight .slick-dots li.slick-active:before{
		width: 20px;
	}
	.custom-arrows-eight .slick-dots li,
	.custom-arrows-eight .slick-dots li.slick-active{
		margin-right: 32px;
	}
	.banner-sec-info{
		width: 530px;
	}
	.banner-sec-info h1{
		font-size: 34px;
	}
	.banner-sec-info p{
		font-size: 16px;
		line-height: 28px;
	}
	.btn-style8{
		height: 52px;
		line-height: 52px;
		padding: 0 40px 0 30px;
	}
	.title-area-four h2{
		font-size: 40px;
	}
	.skill-content p{
		margin: 18px 0;
	}
	.counter-box .circle_inbox{
		width: 165px;
    	height: 165px;
	}
	.counter-box .circle_percent{
		width: 175px;
    	height: 175px;
	}
	.progress-title{
		font-size: 15px;
	}
	.counter-box .percent_text{
		font-size: 38px;
	}
	.circle-column{
		margin-right: 15px !important;
	}
	.counter-box{
		margin-top: 20px;
	}
	.appointment-area-left h2{
		font-size: 26px;
		padding-left: 80px;
	}
	.appointment-area-left i{
		font-size: 28px;
    	width: 65px;
    	height: 65px;
    	line-height: 65px;
	}
	.appointment-area-left p{
		font-size: 17px;
	}
	.service-tabs .nav-tabs .nav-link{
		padding: 0 20px;
		font-size: 17px;
        padding-left: 35px;
	}
    .service-tab-content .title{
        font-size: 29px;
    }
	.service-tab-content .ser-img-nine{
		width: 320px;
		height: 320px;
		top: 120px;
    	left: -155px;
	}
	.service-tab-content .ser-img-nine::before{
		width: 350px;
    	height: 350px;
	}
	.service-tab-content {
        padding: 40px 30px 40px 220px;
        border-radius: 250px 10px 10px 10px;
    }
    .service-tabs{
    	border-radius: 10px 10px 240px 10px;
    }
    .testi-form-title{
    	padding-left: 45px;
    }
    .testi-content-eight{
    	border-radius: 10px 10px 150px 10px;
    }
    .menu-eight li a, .vs-widget-about-eight .footer-text, .footer-link-eight li,
    .copyright-text-eight p{
    	font-size: 14.4px;
    }
    .vs-widget-about-eight .footer-text{
    	margin: 20px 0;
    }
    .widget-area.v8{
    	padding: 70px 0 20px;
    }
    .menu-eight.v1{
    	margin-right: 0;
    }
    .form-wrap3 {
    	padding: 40px 30px;
  	}
  	.form-wrap3 .form-title h3{
  		font-size: 32px;
  	}
  	.form-wrap3 .form-title p{
  		font-size: 16px;
  	}
  	.contact-information h2{
  		font-size: 31px;
  	}
  	.contact-information p{
  		font-size: 16px;
  		margin-bottom: 10px;
  	}
  	.contact-information{
  		padding: 0;
  	}
  	.blog-content-seven{
  		padding: 15px;
  		padding-top: 5px;
  	}
  	.blog-content-seven h3{
  		font-size: 18px;
  		margin-bottom: 2px;
  	}
  	.blog-content-seven p{
  		font-size: 14.4px;
  		margin-bottom: 10px;
  	}
  	.blog-content-seven a{
  		margin-top: 10px;
  		height: 42px;
    	line-height: 42px;
    	padding: 0 25px 0 15px;
    	font-size: 16px;
  	}
  	.lightbox-gallery h3{
  		font-size: 28px;
  	}
  	.lightbox-gallery.space, .video-gallery.space{
  		padding: 55px 0;
  	}
  	.video-gallery iframe{
  		height: 255px;
  	}
}

@media only screen and (min-width: 992px){
    .service-tabs .nav-tabs .nav-link-pad{
        padding-right: 80px;
    }
}

@media only screen and (max-width: 991px){
	.header-top-info-eight li{
		font-size: 14px;
		padding-left: 20px;
	}
	.header-top-info-eight li i{
		font-size: 15px;
		top: 6px;
	}
	 .header-social-eight li a{
		font-size: 15px;
	}
	.header-top-info-eight{
		margin-right: 20px;
	}
	.header-social-eight li{
		padding-right: 7px;
    	padding-left: 7px;
	}
	.header-top-info-eight li+li{
		margin-left: 12px;
	}
	.header8-logo img{
		width: 400px;
	}
	.header8-logo {
        padding: 14px 0px 16px;
    }
    .vs-mobile-menu > ul{
    	padding: 0 25px;
    }
    .banner-sec-info {
        width: 440px;
    }
    .banner-sec-info h1 {
        font-size: 28px;
    }
    .banner-sec-info p {
        font-size: 15px;
        line-height: 26px;
    }
    .btn-style8, .service-tab-content .btn-style8{
    	font-size: 16px;
    	height: 46px;
        line-height: 46px;
        padding: 0 30px 0 20px;
    }
    .about-content-eight h2{
    	font-size: 34px;
    }
    .about-content-eight h3{
    	font-size: 18px;
    }
    .about-content-eight .about-title{
    	margin-bottom: 12px;
    	padding-bottom: 10px;
    }
    .about-content-eight p{
    	font-size: 14.5px;
    	line-height: 27px;
    }
    .exp-box-eight .exp-content .title{
    	font-size: 20px;
    	line-height: 22px;
    }
    .skill-img{
    	display: none;
    }
    .circle-column {
        margin-right: 40px !important;
    }
    .space{
    	padding: 60px 0;
    }
    .title-area-four h2 {
        font-size: 36px;
    }
    .appointment-area-comtent{
    	display: block;
    	text-align: center;
    }
    .appointment-area-left, .appointment-area-right{
    	width: 100%;
    }
    .appointment-area-right a{
    	float: none;
    }
    .appointment-area-left i {
        font-size: 30px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .appointment-area-left h2{
    	font-size: 27px;
    }
    .service-tabs{
    	border-radius: 10px;
    	padding: 15px 15px 10px 15px;
    }
    .service-tab-content{
    	border-radius: 10px;
    	padding: 25px;
    	padding-top: 270px;
    }
    .service-tab-content .ser-img-nine::before {
        width: 220px;
        height: 220px;
        top: -10px;
    	left: -10px;
    	border: 2px solid #fd8674;
    }
    .service-tab-content .ser-img-nine{
    	width: 200px;
        height: 200px;
        top: 20px;
        left: 20px;
    }
    .service-tab-content .ser-img-nine .icon-box{
    	width: 80px;
    	height: 80px;
    	line-height: 80px;
    	top: 20px;
    	right: -30px;
    }
    .service-tab-content .ser-img-nine .icon-box img{
    	width: 50px;
    }
    .service-tab-content .title{
    	font-size: 28px;
    }
    .service-tab-content p{
    	font-size: 14.5px;
    	line-height: 26px;
    }
    .service-tabs .nav-tabs .nav-link {
        padding: 0 15px;
        padding-left: 35px;
        font-size: 16px;
    }
    .title-area-four {
    	margin-bottom: 50px;
	}
	.testimonial-section-eight .title-area-four h2 {
    	text-align: center;
	}
	.testi-content-eight{
		padding: 30px;
	}
	.testimonial-section-eight .form-wrap4{
		margin-top: 60px;
	}
	.testi-form-title .content-box .title {
        font-size: 28px;
    }
    .testi-form-title {
        padding-left: 60px;
    }
    .widget_title-eight{
    	font-size: 28px;
    	margin-top: 30px;
    	padding-bottom: 8px;
    	margin-bottom: 35px;
    }
    .widget-area.v8 {
        padding: 60px 0 20px;
    }
    .breadcumb-wrapper{
    	padding: 55px 0;
    }
    .breadcumb-title{
    	font-size: 36px;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span{
    	font-size: 16px;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i{
    	font-size: 18px;
    }
    .about-area .about-img-eight{
    	width: 275px;
    }
    .sidebar-area .widget {
        padding: 15px;
    }
    .sidebar-area .widget_title {
    	font-size: 25px;
    	padding: 0 0 12px 0;
	}
	.widget_nav_menu a, .widget_meta a, .widget_pages a, 
	.widget_archive a, .widget_categories a{
		padding: 10px;
		font-size: 15px;
	}
	.widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, 
	.widget_archive li > span, .widget_categories li > span{
		width: 20px;
    	height: 25px;
    	line-height: 25px;
    	font-size: 10px;
    	right: 6px;
    	top: 12px;
	}
	.blog-single p, .blog-single ul li{
		font-size: 14.5px;
		line-height: 26px;
	}
	.blog-single h2{
		font-size: 32px;
	}
	.testi-auther-eight .title{
		font-size: 26px;
	}
	.lightbox-gallery h3 {
        font-size: 26px;
    }
    .video-gallery iframe {
        height: 180px;
        border-radius: 20px;
    }
    .vs-contact-wrapper .form-wrap3{
    	margin-bottom: 40px;
    }
    .map iframe{
    	height: 320px;
    }
}

@media only screen and (max-width: 767px){
	.header-social-eight{
		position: fixed;
		right: 0;
		bottom: 60px;
		display: block;
	}
	.header-social-eight li::before{
		display: none;
	}
	.header-social-eight li{
		width: 35px;
        height: 35px;
        line-height: 35px;
        background: #de6451;
        margin: 2px 0;
        padding: 0;
        text-align: center;
        border-radius: 3px 0 0 3px;
	}
	.head-display2{
		display: none !important;
	}
	.header-top-info-eight li+li {
        margin-left: 15px;
    }
    .header-top-info-eight {
        margin-right: 0;
    }
    .head-top-links-eight{
    	justify-content: center;
    }
    .header-top-info-eight li{
    	font-size: 14.5px;
    }
    .banner-sec-info {
        width: 320px;
    }
    .banner-sec-info p{
    	display: none;
    }
    .btn-style8, .service-tab-content .btn-style8{
    	font-size: 15px;
        height: 42px;
        line-height: 40px;
        padding: 0 30px 0 15px;
        border-radius: 5px 35px 5px 5px;
    }
    .about-img-eight, .about-area .about-img-eight{
    	width: 320px;
    	margin: 0 auto;
    	margin-bottom: 20px;
    	float: none;
    }
    .about-content-eight{
    	text-align: center;
    }
    .skills-section .title-area-four h2 {
        font-size: 36px;
    }
    .circle-column {
        margin-right: 11px !important;
    }
    .counter-box .circle_inbox {
        width: 150px;
        height: 150px;
    }
    .counter-box .circle_percent {
        width: 161px;
        height: 161px;
    }
    .appointment-area-left i{
    	display: none;
    }
    .appointment-area-left h2{
    	padding-left: 0;
    }
    .appointment-area-left p {
        font-size: 16px;
    }
    .service-section-nine .title-area-four h2 {
        font-size: 36px;
    }
    .service-tabs {
        border-radius: 8px;
        padding: 5px 5px 0px 5px;
    }
    .service-tabs .nav-tabs .nav-link {
        padding: 0 0px 0 4px;
        padding-left: 25px;
        font-size: 14.5px;
        height: 50px;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .service-tabs .nav-tabs .nav-link i{
    	font-size: 12px;
    	margin-right: 6px;
        left: 8px;
        top: 19px;
    }
    .service-tab-content{
    	padding: 20px;
    	padding-top: 270px;
    }
    .service-tab-content .title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .testi-content-eight .quote-r{
    	margin-top: -35px;
    }
    .testi-form-title {
    	padding: 20px;
        padding-left: 50px;
    }
    .form-box-three {
    	padding: 35px;
	}
	.menu-eight li+li {
    	margin-top: 10px;
	}
	.copyright-text-eight p{
		line-height: 23px;
	}
	.footer-social-links-eight li a{
		width: 35px;
    	height: 35px;
    	line-height: 35px;
    	font-size: 14px;
	}
	.about-list-area{
		text-align: left;
		padding: 25px;
		padding-bottom: 15px;
	}
	.breadcumb-wrapper {
        padding: 45px 0;
    }
    .breadcumb-title {
        font-size: 34px;
    }
    .sidebar-area{
    	display: none;
    }
    .blog-single h2 {
        font-size: 30px;
    }
    .blog-details .blog-single .blog-img {
    	margin: 25px 0;
	}
	.blog-content-seven h3{
		line-height: 24px;
		margin-bottom: 10px;
	}
	.blog-img-seven iframe{
		height: 160px;
	}
	.vs-blog-wrapper-seven.space {
    	padding: 50px 0;
	}
	.testimonial-section-eight2.space{
		padding: 55px 0 40px;
	}
	.lightbox-gallery h3 {
        font-size: 24px;
        margin: 20px 0 10px 0;
    }
    .space {
        padding: 55px 0;
    }
    .lightbox-gallery.space, .video-gallery.space {
        padding: 50px 0;
    }
    .video-gallery iframe{
    	height: 285px;
    }
    .map iframe{
    	height: 300px;
    }
}

@media only screen and (max-width: 575px){
	.header8-logo img {
        width: 265px;
    }
    .vs-mobile-menu ul li a{
    	font-size: 14px;
    	line-height: 22px;
    	padding-left: 15px;
    }
    .banner-sec-info {
        width: 275px;
    }
    .banner-sec-info h1 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .banner-sec-info .btn-style8{
    	font-size: 12px;
        height: 29px;
        line-height: 26px;
        padding: 0 18px 0 10px;
        border-radius: 5px 25px 5px 5px;
    }
	.about-img-eight, .about-area .about-img-eight{
		width: 270px;
	}
	.head-display1{
		display: none !important;
	}
	.vs-menu-toggle{
		width: 42px;
    	height: 42px;
    	font-size: 20px;
	}
	.header-top-eight {
        padding: 2px 0;
    }
    .btn-style8, .service-tab-content .btn-style8{
    	font-size: 14px;
        height: 38px;
        line-height: 36px;
        padding: 0 25px 0 12px;
        border-radius: 4px 28px 4px 4px;
    }
    .space {
        padding: 50px 0;
    }
    .about-img-eight, .about-area .about-img-eight{
    	width: 230px;
    	border-radius: 20px;
    }
    .about-img-eight img{
    	border-radius: 16px;
    }
    .exp-box-eight .exp-content .title{
    	font-size: 16px;
    }
    .exp-box-eight{
    	border-radius: 0 0 16px 16px;
    	padding: 10px;
    }
    .about-content-eight h2 {
        font-size: 28px;
    }
    .about-content-eight h3 {
        font-size: 15px;
    }
    .about-content-eight p{
    	font-size: 14px;
    	line-height: 26px;
    }
    .about-content-eight .btn-style8 {
    	margin-top: 5px;
	}
	.skills-section .title-area-four h2 {
        font-size: 26px;
        margin-top: 0;
    }
    .skill-content p{
    	font-size: 14px;
    	line-height: 26px;
    	margin: 15px 0;
    }
    .progress-title{
    	bottom: 60px;
    	font-size: 14px;
    }
    .counter-box .percent_text {
        font-size: 32px;
        margin-top: -12px;
    }
    .circle-column{
    	margin-right: 0px !important;
        margin-bottom: 10px !important;
    }
    .appointment-area-left h2 {
        font-size: 25px;
        line-height: 34px;
    }
    .appointment-area-left p {
        font-size: 15px;
        margin-top: 6px;
    }
    .service-section-nine .title-area-four h2, .title-area-four h2 {
        font-size: 28px;
    }
    .title-area-four {
        margin-bottom: 35px;
    }
    .service-tabs{
    	padding: 10px 10px 5px 10px;
    	margin-bottom: 30px;
    }
    .service-tabs .nav-tabs .nav-link{
    	font-size: 15px;
    	padding: 0 10px;
        padding-left: 25px;
    }
    .service-tabs .nav-tabs .nav-link i {
        font-size: 13px;
        margin-right: 9px;
    }
    .service-tab-content .title{
    	font-size: 22px;
    }
    .service-tab-content p, .ser-list-nine li{
    	font-size: 14px;
    }
    .testi-content-eight{
    	padding: 20px;
    	border-radius: 10px 10px 110px 10px;
    }
    .testi-info-eight p{
    	font-size: 14px;
    	line-height: 26px;
    }
    .testi-content-eight .quote-r{
    	padding-right: 10px;
    }
    .testi-auther-eight .title {
        font-size: 20px;
    }
    .testi-content-eight i{
    	font-size: 28px;
    }
    .testi-form-title .icon-box{
    	display: none;
    }
    .testi-form-title{
    	padding: 20px;
    	padding-bottom: 10px;
    	border-radius: 10px;
    }
    .testi-form-title .content-box span{
    	font-size: 15px;
    }
    .form-box-three {
        padding: 20px;
    }
    .form-box-three .form-group input, .form-box-three .form-group textarea, 
    .form-box-three .form-group select{
    	height: 50px;
    	font-size: 14px;
    }
    .form-box-three .form-group i{
    	font-size: 18px;
    }
    .form-box-three .form-group textarea{
    	height: 100px;
    }
    .widget_title-eight{
    	font-size: 26px;
    	margin-bottom: 25px;
    }
    .menu-eight li a, .vs-widget-about-eight .footer-text, 
    .footer-link-eight li, .copyright-text-eight p{
    	font-size: 14px;
    	line-height: 26px;
    }
    .foot-map iframe{
    	height: 200px;
    }
    .lower-footer{
    	display: block;
    	text-align: center;
    }
    .footer-social-links-eight{
    	display: block;
    	margin-top: 8px;
    }
    .footer-social-links-eight li{
    	display: inline-block;
    	margin-right: 2px;
    }
    .footer-social-links-eight li a{
    	width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .widget-area.v8 {
        padding: 50px 0 30px;
    }
    .menu-eight li+li {
        margin-top: 6px;
    }
    .skill-content{
    	text-align: center;
    }
    .counter-box{
    	display: inline-block;
    }
    .testi-form-title .content-box .title {
        font-size: 23px;
        line-height: 32px;
    }
    .breadcumb-wrapper{
    	padding: 35px 0;
    }
    .breadcumb-title{
    	font-size: 28px;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
        font-size: 14px;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i {
        font-size: 16px;
    }
    .about-list-area h4{
    	font-size: 22px;
    }
    .about-list-area{
    	padding: 20px;
    	padding-bottom: 10px;
    }
    .about-list-eight li{
    	font-size: 14px;
    	line-height: 26px;
    }
    .blog-single h2 {
        font-size: 26px;
    }
    .blog-details .blog-single .blog-img {
        margin: 20px 0;
    }
    .blog-single p, .blog-single ul li{
    	font-size: 14px;
    }
    .blog-single h3{
    	font-size: 16px;
    }
    .vs-blog-wrapper-seven.space {
        padding: 45px 0;
    }
    .blog-content-seven p{
    	font-size: 14px;
    }
    .blog-content-seven a{
    	margin-top: 6px;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
    }
    .lightbox-gallery.space, .video-gallery.space {
        padding: 40px 0;
    }
    .lightbox-gallery h3{
    	font-size: 20px;
    }
    .video-gallery iframe{
    	height: 240px;
    }
    .contact-information h2 {
        font-size: 26px;
    }
    .contact-information p{
    	font-size: 14px;
    }
    .contact-information h3{
    	font-size: 22px;
    }
    .map iframe{
    	height: 230px;
    }
    .form-wrap3 .form-title h3 {
        font-size: 26px;
    }
    .form-title{
    	margin-bottom: 25px;
    }
}

@media only screen and (max-width: 480px){
	.banner-sec-info {
        width: 205px;
    }
    .banner-sec-info h1 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .banner-sec-info .btn-style8{
    	font-size: 12px;
        height: 27px;
        line-height: 24px;
        padding: 0 15px 0 9px;
        border-radius: 5px 25px 5px 5px;
    }
    .video-gallery iframe{
    	height: 180px;
    }
    .contact-information h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 345px){
	.header8-logo img {
        width: 225px;
    }
    .header-top-info-eight li{
    	font-size: 14px;
    }
    .banner-sec-info {
        width: 180px;
    }
    .banner-sec-info h1 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .about-content-eight h2 {
        font-size: 24px;
    }
    .testi-form-title .content-box .title{
    	font-size: 20px;
    	line-height: 30px;
    }
    .blog-single h2 {
        font-size: 22px;
    }
    .breadcumb-title {
        font-size: 24px;
    }
    .video-gallery iframe{
    	height: 150px;
    }
    .contact-information h2 {
        font-size: 22px;
    }
}