

@media (min-width: 1200px) and (max-width: 1399px){
	
}
@media (min-width: 1200px) and (max-width: 1399px){
	.service-section .service-shape {
    	top: 79px !important;
	}
	.service-section .single-service-box {
    	padding: 6px 41px 30px 41px !important;
	}
	.about-section .image .experience .image-tham .title h4 {
    	font-size: 19px !important;
	}
	.progress-section .left-content .title {
    	width: 88% !important;
	}
	.blog-section .shape-image {
    	right: 195px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta {
    	width: 75% !important;
    	margin-bottom: 0px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta-hover {
    	width: 75% !important;
    	margin-bottom: 0px !important;
	}
	.blog-section .songle-blog .blog-content .blog-text h3 {
    	margin-top: 0px !important;
	}
	.choose-section .left .shap1 img {
    	bottom: 248px !important;
	}
	.choose-section .left .shap2 img {
    	bottom: -45px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.header-area .header-btn{
    	display: none !important;
	}
	.slider-area.style-two .slider-content p {
    	width: 80% !important;
	}
	.slider-content p {
    	width: 80% !important;
	}
	.service-section .service-shape {
    	top: 97px !important;
	}
	.service-section .title {
    	width: 55% !important;
	}
	.service-section .single-service-box {
    	padding: 5px 15px 30px 25px !important;
	}
	.about-section .right-content {
    	padding-left: 37px !important;
	}
	.about-section .right-content .title h2 {
    	font-size: 41px !important;
	}
	.about-section .image .experience .image-tham .title h4 {
    	font-size: 16px !important;
	}
	.progress-section .left-content .title {
    	width: 100% !important;
	}
	.progress-section .left-content .title h2 {
    	font-size: 41px !important;
	}
	.blog-section .top-content .title {
    	width: 95% !important;
	}
	.blog-section .top-content .title h2 {
    	font-size: 41px !important;
	}
	.blog-section .shape-image {
    	right: 200px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta {
    	width: 86% !important;
    	margin-bottom: 0px !important;
    	padding: 12px 10px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta-hover {
    	width: 86% !important;
    	margin-bottom: 0px !important;
    	padding: 12px 10px !important;
	}
	/* .blog-section .songle-blog .blog-content .blog-text h3 {
    	margin-top: 0px !important;
	} */
	.choose-section .right-side .title {
    	width: 100% !important;
	}
	.choose-section .right-side .title h2 {
    	font-size: 41px !important;
	}
	.choose-section .left .shap1 img {
    	bottom: 212px !important;
	}
	.choose-section .left .shap2 img {
    	bottom: -45px !important;
	}
	.team-section .top-content .title h2 {
    	font-size: 41px !important;
	}
	.contact-section .title {
    	width: 70% !important;

	}
	
}
@media (min-width: 768px) and (max-width: 991px){
	.header-top-menu{
		display: none;
	}
	.header-area{
		display: none;
	}
	.slider-area.style-two .slider-content p {
    	width: 80% !important;
	}
	.slider-content p {
    	width: 80% !important;
	}
	.service-section .title {
    	width: 100% !important;
	}
	.service-section .service-shape {
    	display: none !important;
	}
	.about-section .right-content .title {
    	width: 90% !important;
	}
	.about-section .right-content .title {
    	margin-top: 45px !important;
	}
	.progress-section .left-content .title {
    	width: 81% !important;
	}
	.blog-section .shape-image {
    	display: none !important;
	}
	.blog-section .songle-blog .blog-content .blog-text h3 {
    	margin-top: 0px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta {
    	width: 76% !important;
    	margin-bottom: 0px !important;
    	padding: 12px 10px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta-hover {
    	width: 76% !important;
    	margin-bottom: 0px !important;
    	padding: 12px 10px !important;
	}
	.choose-section .right-side .title {
    	width: 100% !important;
	}
	.main-section .subtitle {
    	text-align: center !important;
	}
	.service-details:before {
    	display: none !important;
	}
	.service-dtls-all-items {
    	padding-left: 0px !important;
	}
	.service-dtls-cont {
    	margin-top: 35px !important;
	}
	.contact-section .title {
    	width: 80% !important;

	}
	
}

@media (min-width: 480px) and (max-width: 767px){
	.header-top-menu{
		display: none;
	}
	.header-area{
		display: none;
	}
	.slider-content h1 {
    	font-size: 46px !important;
	}
	.slider-area.style-two .slider-content p {
    	width: 100% !important;
	}
	.slider-content p {
    	width: 100% !important;
	}
	.service-section .title {
    	width: 100% !important;
	}
	.service-section .service-shape {
    	display: none !important;
	}
	.about-section .right-content {
    	padding-left: 0px !important;
	}
	.about-section .right-content .title {
    	width: 100% !important;
	}
	.about-section .image .experience .image-tham .title h4 {
    	font-size: 18px !important;
	}
	.about-section .right-content .title {
    	margin-top: 45px !important;
	}
	.about-section .image .experience .image-tham img{
    	width: 110% !important;
	}
	.progress-section .left-content .title {
    	width: 100% !important;
	}
	.progress-section .progress-image {
    	margin-left: 0px !important;
	}
	.blog-section .shape-image {
    	display: none !important;
	}
	.blog-section .top-content .title {
    	width: 100% !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta {
    	width: 76% !important;
    	padding: 12px 10px !important;
	}
	.blog-section .songle-blog .blog-content .blog-meta-hover {
    	width: 76% !important;
    	padding: 12px 10px !important;
	}
	.main-section .subtitle {
    	text-align: center !important;
	}
	.choose-section .right-side .title {
    	width: 100% !important;
	}
	.choose-section .left .shap1 img {
    	bottom: 233px !important;
	}
	.choose-section .right-side .card-content .single-cird {
    	width: 100% !important;
	}
	.testimonial-section .testi-box .testi-content {
    	width: 100% !important;
	}
	.service-details:before {
    	display: none !important;
	}
	.service-dtls-all-items {
    	padding-left: 0px !important;
	}
	.service-dtls-cont {
    	margin-top: 35px !important;
	}
	.service-dtls-box {
    	margin-bottom: 20px !important;
	}
	.contact-section .title {
    	width: 100% !important;
	}
	
}

@media (min-width: 320px) and (max-width: 479px){
	.header-top-menu{
		display: none;
	}
	.header-area{
		display: none;
	}
	.slider-content .video .slider-video-icon a {
    	display: none !important;
	}
	.slider-content p {
    	width: 80% !important;
	}
	.slider-area.style-two .slider-content p {
    	width: 80% !important;
	}
	.service-section .title {
    	width: 100% !important;
	}
	.service-section .service-shape {
    	display: none !important;
	}
	.about-section .right-content {
    	padding-left: 0px !important;
	}
	.about-section .image .experience .image-tham img{
    	width: 110% !important;
	}
	.about-section .image .experience .image-tham .title h4 {
    	font-size: 18px !important;
	}
	.progress-section .progress-image {
    	margin-left: 0px !important;
	}
	.blog-section .shape-image {
    	display: none !important;
	}
	.blog-section .top-content .title {
    	width: 100% !important;
	}
	.blog-section .top-content .title {
    	width: 100% !important;
	}
	.choose-section .right-side .title {
    	width: 100% !important;
	}
	.choose-section .left .shap1 img {
    	bottom: 188px !important;
	}
	.choose-section .right-side .card-content .single-cird {
    	width: 100% !important;
	}
	.testimonial-section .testi-box .testi-content {
    	width: 100% !important;
	}
	.service-details:before {
    	display: none !important;
	}
	.service-dtls-all-items {
    	padding-left: 0px !important;
	}
	.service-dtls-cont {
    	margin-top: 35px !important;
	}
	.service-dtls-box {
    	margin-bottom: 20px !important;
	}
	.contact-section .title {
    	width: 100% !important;

	}
	
}

@media (min-width: 200px) and (max-width: 319px){
	.header-top-menu{
		display: none;
	}
	.header-area{
		display: none;
	}
	.service-section .title {
    	width: 100% !important;
	}
	.service-section .service-shape {
    	display: none !important;
	}
	.blog-section .shape-image {
    	display: none !important;
	}

}