@media screen and (max-width: 980px){
	   #mainwrap{ width:90% !important; padding:0 20px;}
	  .banner-mobile{display:block;}
	 .home-box{ width:100%;}
	 .services-heading1 h1{ font-size:15px;}
	 .footer-sec1{display:none;}
	 .footer-sec2{width:270px;}
	 .menu li{padding:0 80px 0 0; font-size:18px;}
	 .logo{width:34%;}
	 .head-center{}
	 .paynow{padding:0;}
	 .logo img{width:85%;}
	   .row{width:85%;}
	 .row .service-name{width:50%;border-bottom:1px solid #ccc;}
	  .row .service-price{width:50%;border-bottom:1px solid #ccc;}
	  .paybtn{margin-bottom:10px;align:center;}
	  .banner-dektop{display:none;}
	  .banner-mobile{display:block;}
	  .cday{ width:100%; float:left;}
	}

@media screen and (max-width: 800px){
	
	 .logo{ width:100%;text-align:center;}
	 .logo img {width:42%;}
	 .head-center{ margin:0px;width:100% !important;text-align:center;}
	 .head-right{ width:100% !important; float:left; text-align:center;}
	.cday{ width:100%; float:left;}
	 .services-01{ width:45%; float:left;}
	 .home-box{ width:100%; height:100%; padding:10px 0px 20px 0px;}
	 .services-heading1 h1{ font-size:17px;}
	 .main-services-heading{ padding:10px 0px; font-size:17px;}
	 .cday{ width:100%; float:left;}
	 
	 .menu li{padding:0 40px 0 0; font-size:13px;}
	 .footer-sec1,.footer-sec2{ width:100%; padding:0;text-align:center;}
	 .footer-sec3{ width:100%; text-align:center;}
	 .footermenu li{ float:none; border-bottom:1px solid #ccc; border-right:none;}
	 
	 .address{ width:45%; float:left;}
	 .contact-form{ width:100%;}
	 .contact{ width:50%; float:left;}
	 .footer-sec1 p{display:none;}
	  .row{width:85%;}
	 .row .service-name{width:100%;border-bottom:1px solid #ccc;}
	  .row .service-price{width:100%;border-bottom:1px solid #ccc;}
	  .paybtn{margin-bottom:10px;}
         
	  .banner-dektop{display:none;}
	  .banner-mobile{display:block;}
	 	}
@media screen and (max-width:640px){
	.head-center{ width:41%; float:left;}
	.head-right{ width:45%; float:left; text-align:center;}
	 .cday{ width:100%; float:left;}
	 .menu li{padding:0 10px 0 7px; font-size:15px;}
         .menu ul{padding:0; margin:0;}
         .menu li:last-child{padding:0 0;}
         .tab-content img{ height: 100%;}
          .nav-tabs>li{}
	 .paynow{ width:40%; float:left;}
	 .footer-sec1,.footer-sec2{ width:100%; padding:0;text-align:center;}
	 .footer-sec3{ width:100%; text-align:center;}
	  .address{ width:100%; float:left;}
	 .contact{ width:100%; float:left; padding-top:30px;}
	  .row{width:100%;}
          .product-title, .price, .sizes, .colors{ text-transform:none;}
          .row h3{ font-size: 18px;}
          .nav-tabs>li{ float: none;}
	 .row .service-name{width:100%;border-bottom:1px solid #ccc;}
	  .row .service-price{width:100%;border-bottom:1px solid #ccc;}
	  .paybtn{margin-bottom:10px;}
	  .services-heading1 h1 {font-size: 15px;}
	  .banner-dektop{display:none;}
	  .banner-mobile{display:block;}
	  .footermenu li a { font-size:15px;}
	  .services-01-img img {
		width: 160px;
		height: 140px;
	}
	}	
	
 @media screen and ( max-width:480px){
	 .logo{ width:100%;}
	 .logo img{ width:100%;}
	 .head-center{ margin:0px;width:100%;text-align:center;}
	 .head-right{ width:100%; float:left; text-align:center;}
	 .cday{ width:100%; float:left;}
	 .paynow{ width:40%; float:left;}
	 .menu li{padding:0 20px 0 0;}
	 .menu li a{font-size:16px;}
	 .paynow img{ width:80%;}
	 .services-01{ width:96%; float:left; margin:25px 2%;}
	 .home-box{ width:100%; height:100%; padding:10px 0px 20px 0px;}
	 .services-heading1 h1{ font-size:20px !important;}
	 .main-services-heading{ padding:10px 0px;}
	 .footer{ width:100%;}
	 .footer-sec1,.footer-sec2{ }
	 .footer-sec3{ text-align:center;width:80%;}
	 .footermenu li{margin-left:0px; border-bottom:1px solid #ccc; text-align:left; border-right:none; width:100%;}
	 .footermenu li a{ font-size:13px;}
	  .address{ width:100%; float:left;}
	 .contact{ width:100%; float:left;}
	 .home-services-last{width:100%;}
	  .row{width:95%;}
	 .row .service-name{width:100%;border-bottom:1px solid #ccc;}
	  .row .service-price{width:100%;border-bottom:1px solid #ccc;}
	  .paybtn{margin-bottom:10px;}
	  .banner-dektop{display:none;}
	  .banner-mobile{display:block;}
	  .services-01-img img {
		width: 160px;
		height: 140px;
	}
	 
}

 @media screen and ( max-width:360px){
	 .logo{ width:100%;}
	 .logo img{ width:100%;}
	 .head-center{ margin:0px;width:100%;text-align:center;}
	 .head-right{ width:100%; float:left; text-align:center;}
	 .cday{ width:100%; float:left;}
	 .menu ul{margin:0;padding:0;}
	 .menu li{padding:0 10px 0 4px;}
	 .menu li a{font-size:15px;}
	 .paynow{ width:40%; float:right;}
	 .paynow img{ width:80%;}
	 .services-01{ width:96%; float:left; margin:25px 2%;}
	 .home-box{ width:100%; height:100%; padding:10px 0px 20px 0px;}
	 .services-heading1 h1{ font-size:20px !important;}
	 .main-services-heading{ padding:10px 0px;}
	 .footer{ width:100%;}
	 .footer-sec1,.footer-sec2{ text-align:center;}
	 .footer-sec3{ text-align:center;width:95%;}
	 .footermenu li{margin-left:0px;}
	 .footermenu li a{ font-size:13px;}
	  .address{ width:100%; float:left;}
	 .contact{ width:100%; float:left;}
	 .home-services-last{width:100%;}
	 .row{width:85%;}
	 .row .service-name{width:100%;border-bottom:1px solid #ccc;}
	  .row .service-price{width:100%;border-bottom:1px solid #ccc;}
	  .paybtn{margin-bottom:10px;}
	  .banner-dektop{display:none;}
	  .banner-mobile{display:block;}
	  .services-01-img img {
		width: 160px;
		height: 140px;
	}
	 
}
 @media screen and ( max-width:320px){
	 .logo{ width:100%;}
	 .logo img{ width:100%;}
	 .head-center{ margin:0px;width:100%;text-align:center;}
	 .head-right{ width:100%; float:left; text-align:center;}
	 .cday{ width:100%; float:left;}
	 .menu li {padding: 0 10px 0 4px;}
	 .menu li a{font-size:12px;}
	 .footermenu li a {font-size: 12px;}
	 .banner-dektop{display:none;}
	  .banner-mobile{display:block;}
	  .services-01-img img {
		width: 160px;
		height: 140px;
	}
 }