@media only screen and (max-width: 1366px){

	.banner-contant h1 {
	    /*font-size: 64px;*/
	}
	.banner-contant p {
	    font-size: 22px;
	    line-height: 28px;
	}
	.banner-contant .custrom-btn {
	    padding: 7px 25px;
	}
}




@media only screen and (max-width: 991px) {
	.mobile-menu-bar {
	    display: block;
	    float: right;
	}
	.menu-area.style2 {
	    position: absolute;
	    left: 0;
	    top: 100%;
	    z-index: 9;
	    width: 100%;
	    background: #e76e5d;
	    text-align: center;
	    transform: scaleY(0);
	    transform-origin: 0 0 0;
	    transition: all 0.3s ease;
	}
	.menu-fixed .header-bottom2 .logo {
	    display: inline-block;
	    float: left;
	}
	.menu-fixed .header-bottom2 .main-menu.style2 {
	    float: none;
	}
	.header-bottom2 .logo {
	    display: inline-block;
	}
	.main-menu.style2 {
	    float: none;
	    text-align: center;
	}
	.header-bottom2 {
	    background: #b59b9b;
	}
	.menu-head{
	    float: none;
	    width: 100%;
	    overflow: hidden;
	}
	.logo {
	    float: left;
	}
	.autor-section.post-thumb img {
	    max-width: 100%;
	}
	.menu-area {
	    position: absolute;
	    left: 0;
	    top: 100%;
	    z-index: 9;
	    width: 100%;
	    background: #e76e5d;
	    text-align: center;
	    transform: scaleY(0);
	    transform-origin: 0 0 0;
	    transition: all 0.3s ease;
	}
	.header-bottom2.style3 .main-menu {
	    float: none;
	}
	.menu-area.style3 {
	    width: 100%;
	    background: #f39c12;
	}
	.style3 .mobile-menu-bar span {
	    background: #fff;
	}
	.style3 .main-menu li a {
	    border-bottom: none;
	}
	.menu-area .main-menu {
	    float: none;
	}
	.open-mobile-menu .menu-area {
		transform: scaleY(1);
	}
	.open-mobile-menu .menu-area.style2 {
		transform: scaleY(1);
	}
	.donate {
	    display: none;
	}
	.main-menu li a {
		color: #fff;
	    border-bottom: 4px solid #e76e5d;
	}
	.banner-contant h1 {
	    font-size: 72px;
	}
	.aboutsay-left .post-thumb img {
	    width: 100%;
	}
	.grid-item.product-item {
	    width: 50%;
	}
	.main-menu li a:hover{
	    color: #fff;
	    border-bottom: 4px solid #fff;
	}
	.special-section .post-item {
	    width: 100%;
     	margin-bottom: 30px;
	}
	.about-left {
	    width: 100%;
	}
	.about-right {
	    width: 100%;
	}
	.aboutsay-left{
		width: 100%;
	}
	.aboutsay-right{
		width: 100%;
	    padding-left: 0;
	    padding-top: 40px;
	}
	.banner-section2 .banner-contant {
	    max-width: 550px;
     	margin: 0 auto;
	}
	.banner-contant p {
	    font-size: 18px;
	}
	.about-top-right {
	    width: 100%;
	    overflow: hidden;
	}
	.about-top-left {
	    width: 100%;
	    overflow: hidden;
	}
	.about-bottom-right .post-thumb img, .about-right .post-thumb img{
	    width: 100%;
	}
	.menu-area.style2 .logo {
	    display: none;
	}
	.about-bottom-left {
	    width: 100%;
	    overflow: hidden;
    	padding: 20px 0;
	}
	.about-bottom-right {
	    overflow: hidden;
	    width: 100%;
	}
	.service-bottom-left{
		width: 100%;
	}
	.service-bottom-right{
		width: 100%;
     	padding-left: 0;
    	padding-top: 40px;
	}
	.counter-left{
		width: 100%;
	}
	.counter-right{
		width: 100%;
	}
	.pricing-section .post-item{
		width: 50%;
    	height: 735px;
	}
	.blog-section .post-item{
		width: 100%;
	}
	.left-message{
		width: 100%;
	}
	.right-message .get-textarea{
		width: 100%;
	}
	.left-message input.get-name, input.get-num, .get-subject{
		margin: 19px 0;
	}
	.right-message{
		width: 100%;
	}
	.post-item {
	    width: 50%;
	}
	.team-section .post-content {
	    width: 100%;
	}
	.blog-section.style2 .post-thumb img {
	    width: 100%;
	}
	.testi-content {
	    width: 500px;
	}
	.service-section2 .post-item {
	    width: 50%;
	}
	.style2 .post-item {
	    width: 50%;
	}
	.product-section .post-thumb img {
	    width: 100%;
	}
	.pricing-section2 .post-item {
	    width: 50%;
	}
	.blog-section.style2 .post-item {
	    width: 100%;
	}
	.blog-widget-section.style4 {
	    padding: 40px 0;
	}
	.blog-section.style2 .post-content {
	    width: 100%;
	}
	.header-top-style2 {
	    display: none;
	}
	.menu-area.style2 {
	    float: left;
	    width: 100%;
	    overflow: hidden;
	}
	.donate2{
		display: none;
	}
	.menu-fixed .menu-area.style2 .logo {
	    margin-top: 20px;
	    display: none;
	}
	.about-section .post-thumb img{
		max-width: 100%;
	}

	.team-section .top-right {
	    float: none;
	}
	.about-section .about-bottom-left .post-thumb img {
	    max-width: 100%;
	}
	.footer-section-top .top-right {
	    float: left;
	    margin-bottom: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.service-section2 .post-item {
	    width: 100%;
	}
	.banner-contant h1 {
	    font-size: 60px;
	}
	.banner-contant p {
	    font-size: 25px;
	}
	.about-right .post-thumb img {
	    width: 100%;
	}
	.service-bottom-left .post-thumb img {
	    width: 100%;
	}
	.mobile-menu-bar {
	    margin-right: 20px;
	}
	.header-bottom2 .logo {
	    margin-left: 20px;
	}
	.news-left {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.news-right {
	    width: 100%;
	}
	.grid-item.product-item {
	    width: 100%;
	}
	.team-section .post-content {
	    width: 100%;
     	padding-top: 30px;
	}
	.team-section .post-content p {
	    width: 100%;
	}
	.pricing-section .post-item {
	    width: 100%;
	}
	.pricing-section .list {
	    width: 715px;
	}
	.style2 .post-item {
	    width: 100%;
	}
	.pricing-section2 .post-item {
	    width: 100%;
	}
	.pc-bottom li {
	    text-align: center;
	}
	.autor-section {
	    padding: 0 40px;
	}
	.autor-section .post-thumb {
	    width: 100%;
	}
	.style4 .post-thumb img {
	    max-width: 100%;
	    float: none;
	}
	.autor-section .post-content {
	    width: 100%;
	}
	.autor-section h4 {
	    padding-top: 40px;
	    padding-left: 0px;
	}
	.pricing-section .list h1 {
	    width: 100%;
	    font-size: 30px;
	}
	.pricing-section .list p {
     	transform: translateY(-25%);
	}
	.team-section .post-item {
	    width: 50%;
	}
	.special-section .post-content {
	    padding: 0 30px;
	}
	.team-section .post-thumb img {
	    width: 100%;
	}
	.counter-left {
	    text-align: center;
	}
}
@media only screen and (max-width: 640px) {
	h1 {
	    font-size: 36px;
	}
	h6 {
	    font-size: 14px;
	}
	h1 {
	    font-size: 42px;
	}
	.product-left {
	    width: 100%;
	    float: none;
	}
	.banner-section2 .banner-contant {
	    max-width: 350px;
	}
	.banner-contant h1 {
	    font-size: 52px;
	}
	.banner-section2 p {
	    font-size: 15px;
	}
	.product-right {
	    float: none;
	    width: 100%;
	    text-align: center;
	    margin-left: 130px;
	}
	.pricing-section .list {
	    width: 580px;
	}
	.swiper-button-next.swiper-button-white:after {
	    margin-left: -5px;
	}
	.swiper-button-prev.swiper-button-white:after {
    	margin-left: -7px;
	}
	.contact-section {
	    padding: 40px;
	}
	.blog-section.style2 h4>a {
	    font-size: 18px;
	}
	.footer-section-top {
	    padding: 40px;
	}
	.banner-section2 h5 {
	    font-size: 20px;
	}
	.counter-left {
	    padding: 0 30px;
	    text-align: center;
	}
	.section-heading2 {
	    text-align: center;
	}
	.section-wraper {
	    text-align: center;
	}
	.mobile-menu-bar {
	    margin-right: 40px;
	}
	.logo {
	    margin-left: 40px;
	}
	.menu-area .main-menu li {
	    float: none;
	}
	.main-menu li a {
	    padding: 8px 10px;
	}
	.custrom-btn {
	    padding: 6px 30px;
	}
	.style4 .autor-section .top-right {
	    margin-top: 0;
	}
	.style4 .section-wraper {
	    text-align: left;
	}
	.special-section .section-wraper {
	    padding: 35px;
	}

	.section-heading {
	    padding: 20px;
	}
	.service-section .list-item-left {
	    text-align: left;
	    margin-left: 0px;
	}
	.skill-bottom-left {
	    padding: 30px;
	    margin-left: 40px;
	}
	.aboutsay-section, .about-section, .product-section, .team-section, .testimonial-section,.blog-section, .pricing-section, .service-section {
	    padding: 30px;
	}
	.testimonial-section-style2 .swiper-button-prev i {
	    margin-left: -5px;
	}
	.testimonial-section-style2 .swiper-button-next i{
		margin-left: 5px;
	}
}
@media only screen and (max-width: 570px) {
	.say-icon {
	    margin-left: -20px;
	}
	.aboutsay-section .list-item-left {
	    width: 100%;
	    margin-left: 130px;
	}
	h1 {
	    font-size: 36px;
	}
	.banner-contant h1 {
	    font-size: 36px;
	}
	h6 {
	    max-width: 400px;
	    margin: 0 auto;
	}
	.banner-contant p {
	    font-size: 18px;
	}
	.mpc-contact .top-right {
	    margin-left: 0px;
	    float: none;
	}
	.skill-section .panel-title {
	    max-width: 100%;
	}
	.autor-section .post-content p {
	    max-width: 100%;
	}
	.special-section .post-content p {
    	padding: 0 20px;
	}
	.aboutsay-section .list-item-right {
	    width: 100%;
     	margin-left: 130px;
	}
	.pagenation {
    	max-width: 350px;
	    overflow: hidden;
	}
	.main-menu.style2 li {
	    float: none;
	}
	.maps-post-content {
	    position: static;
	}
	.skill-bottom-left {
	    margin-left: 0;
	}
	.pricing-section .list {
	    width: 500px;
	}
	.swiper-button-prev.swiper-button-white:after{
		margin-left: -7px;
	}
	.swiper-button-next.swiper-button-white:after{
		margin-left: -4px;
	}
	.about-bottom-left .post-thumb {
	    width: 100%;
	    text-align: center;
	}
	.about-bottom-left .post-content {
	    width: 100%;
	    text-align: center;
	}
	.about-bottom-left {
	    padding: 0 40px;
	}
	.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{
		display: none;
	}
}
@media only screen and (max-width: 400px) {
    .section-heading h1 {
	    font-size: 32px;
	}
	.header-top {
	    display: none;
	}
	.donate {
	    display: none;
	}
	.main-menu li {
	    float: none;
	}
	.skill-bottom-left {
	    width: 100%;
	    margin-left: 0;
	}
	.product-left {
	    text-align: center;
	}
	.maps-post-content {
	    position: static;
	}
	.pricing-section .list {
	    width: 305px;
	}
	.counter-right .post-item {
	    width: 100%;
	}
	.banner-section2 .banner-contant{
		max-width: 250px;
	}
	.banner-section2 h5 {
    	font-size: 20px;
    }
    .banner-section2 h1{
    	font-size: 42px;
    }
    .cs-2 .post-item {
	    width: 100%;
	}
	.banner-section2 .swiper-button-next{
		display: none;
	}
	.banner-section2 .swiper-button-prev{
		display: none;
	}
	.about-section {
	    padding: 40px;
	}
	.about-bottom-left .post-content p {
		font-size: 14px;
	}
	.section-heading h1 {
	    font-size: 24px;
	}
	.banner-contant h1 {
	    font-size: 28px;
	}
	.banner-contant p {
	    font-size: 16px;
	}
	.about-bottom-left {
    padding: 0px;
}
	.aboutsay-section .list-item-left {
	    margin-left: 0px;
	}
	.aboutsay-section .list-item-right {
	    margin-left: 0px;
	}
	.product-right {
	    margin-left: 20px;
	}
	.list-item-left {
	    margin-left: 0px;
	}
	.section-heading2 h3 {
	    font-size: 20px;
	}
	.section-heading2 p{
		text-align: left;
	}
	.section-heading2 {
	    text-align: left;
	} 
	.bottom-header h2 {
	    font-size: 36px;
	} 
	.swiper-button-next.swiper-button-white{
		display: none;
	}
	.swiper-button-prev.swiper-button-white{
		display: none;
	}
	.testi-content {
	    width: 350px;
	}
	.wraper2>p {
	    text-align: left;
	}
	.aboutsay-right {
	    padding: 40px;
	}
	.service-section .post-content h5 {
	    font-size: 16px;
	}
	.progress-right {
	    padding: 40px;
	}
	.section-heading h1 {
	    font-size: 22px;
	}
	.blog-left {
	    width: 100%;
	}
	.blog-right {
	    width: 100%;
     	padding: 30px;
	}
	.section-wraper {
	    text-align: left;
	}
	.style4 .blog-left {
	    text-align: left;
	    bottom: 0;
	}
	.style4 img {
	    float: none;
	}
	.style4 .autor-section .top-right {
	    float: none;
	    overflow: hidden;
	}
	.autor-section .post-thumb {
	    text-align: left;
	    padding: 0 30px;
	}
	.Comments-section .post-item>.post-item {
	    padding-left: 0;
	}
	.footer-news-right .custrom-btn {
	    padding: 5px 15px;
	    border-radius: 3px;
	}
	.pc-bottom li {
	    text-align: left;
	    padding-left: 50px;
	}
	.flex-nav-next {
	    margin-right: 15px;
	}
	.flex-nav-prev {
	    margin-left: 15px;
	}
	.service-section .list-item-left {
		margin-left: 0px;
	}
	.testimonial-section-style2 .swiper-button-next i {
	    margin-left: 15px;
	}
	.testimonial-section-style2 .swiper-button-prev i {
	    margin-left: 10px;
	}
	.team-section .post-item {
	    width: 100%;
	}
}
@media only screen and (max-width: 375px){
	.pricing-section .list {
	    width: 280px;
	}
	.list-item-left {
	    margin-left: 0px;
	}
	.banner-contant h1 {
	    font-size: 50px;
	}
}