@media (min-width: 1025px) and (max-width: 1199px) {
	.num-ber::after{left: -10px;}
	.servicer-wifi li{padding:20px;}
	.servicer-wifi li p{margin:0px 0px 20px;}
	.project-box .project-post {
    width: 25%;
  }
  .project-box .project-post.snd-size {
    width: 50%;
  }
  .projects-page-section .project-box,
  .projects-section .project-box.col3 {
    width: 970px;
  }
  .projects-page-section .project-box.col2 .project-post {
    width: 455px;
  }
  .projects-page-section .project-box.col3 .project-post,
  .projects-page-section .project-box .project-post,
  .projects-section .project-box.col3 .project-post {
    width: 293px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
	.num-ber::after{left:0px;}
	.service-box1 .title h5::after{left:-30px;}
	.bg-wwa .service-box1 .title h5::after{top:-95%; left:-40px;}
	.bg-wwa1 .service-box1 .title h5::after{top:-95%; left:-40px;}
	.service-box{padding:20px;}
	.service-box .title h1{font-size:22px; margin-bottom:0px 0px 10px;}
	.servicer-wifi li{padding:20px;}
	.servicer-wifi li p{margin:0px 0px 20px;}
	.project-box .project-post {
    width: 25%;
  }
  .project-box .project-post.snd-size {
    width: 50%;
  }
  .projects-page-section .project-box,
  .projects-section .project-box.col3 {
    width: 970px;
  }
  .projects-page-section .project-box.col2 .project-post {
    width: 455px;
  }
  .projects-page-section .project-box.col3 .project-post,
  .projects-page-section .project-box .project-post,
  .projects-section .project-box.col3 .project-post {
    width: 293px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
	#cssmenu > ul > li > a{font-size:15px; padding:0px 7px; font-weight:600;}
	.service-box .title a{padding: 10px; font-size: 18px;}
	.service-box{padding:15px;}
	.service-box1 .title h5::after{top:-32%; left:-30px;}
	.bg-wwa .service-box1 .title h5::after{top:-72%; left:-20px;}
	.bg-wwa1 .service-box1 .title h5::after{top:-72%; left:-20px;}
	.num-ber::after{left:-9px;}
	.project-box .project-post {
    width: 50%;
  }
  .project-box .project-post.snd-size {
    width: 50%;
  }
  .projects-page-section .project-box,
  .projects-section .project-box.col3 {
    width: 750px;
  }
  .projects-page-section .project-box.col2 .project-post,
  .projects-page-section .project-box.col3 .project-post,
  .projects-page-section .project-box .project-post,
  .projects-section .project-box.col3 .project-post {
    width: 345px;
  }
  .projects-section ul.filter {
    text-align: center !important;
  }
  .projects-section .title-section.alt-title {
    text-align: center;
  }
  .projects-section .title-section.alt-title h1:after {
    left: 50%;
    margin-left: -16px;
  }
}

@media (max-width: 767px) {	
	.logo a img{display:block; margin:auto;}	
	.top-content::after{background:none;}
	.top-content{display:none;}
	.testimonal-client{margin-top:30px;}
	.foot-box-t{text-align:center;}
	.copyright p{text-align:center;}
	.bg-wwa{background:none;}
	.bg-wwa1{background:none; padding:0px;}
	.service-box1 .title h5::after{top: -31px; left:0px;}
	.shade-img div{margin:auto;}
	.p-top{padding-top:0%;}
	.p-top img{display:table; margin:auto;}
	
	.main-nav #cssmenu{padding-top:0px;}
	.main-nav #cssmenu > ul > li > a{padding:10px 0px;}
	.main-nav #cssmenu #menu-button{padding: 20px 0px; font-size: 20px; font-weight:600; color:#492B6F;}
	.service-box{top:0px;}	
	.res-float-none{float:none !important;}
	.shade-img{margin-top:10%;}
	.servicer-wifi li{width:48.3%; margin-bottom:30px;}
	.servicer-wifi li:nth-child(2n+2) {margin-right:0;}
	.servicer-wifi li:nth-child(3n+1) {background: #cbe9ff;}
	.servicer-wifi li:nth-child(3n-1) {background: #ff9a4c;}
	.phone-contact-img{margin-top:20px;}
	.nav-list{text-align:left; margin:0px;}
	
	.project-box .project-post {
    width: 100%;
  }
  .project-box .project-post.snd-size {
    width: 100%;
  }
  .projects-page-section .project-box,
  .projects-section .project-box.col3 {
    width: 100%;
    margin-left: 0;
  }
  .projects-page-section .project-box.col2 .project-post,
  .projects-page-section .project-box.col3 .project-post,
  .projects-page-section .project-box .project-post,
  .projects-section .project-box.col3 .project-post {
    width: 100%;
    margin: 0 0 30px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {	
	.main-nav #cssmenu{padding-top:0px;}
	.main-nav #cssmenu > ul > li > a{padding:10px 0px;}
	.main-nav #cssmenu #menu-button{padding: 20px 0px; font-size: 20px; font-weight:600; color:#492B6F;}
	.servicer-wifi li{width:100%; margin-bottom:30px;}
	.service-page .i-co {float:none;}
	.copyright p{line-height: 20px; padding:10px 0px;}
}