@media (max-width:991px) {
	.latest-news img{
				max-width:155px;
				    outline: none;
			}
	.site-header:not(.affix) #main_menu{
			padding-right:0;	
			}
			.palette-container {
    position: fixed;
    top: 200px;}
			

}
@media (max-width:767px) {
		body{
			
			    margin-top: 0;
				}
			body:not(.home){
				padding:0px;
				
			}
			
	
		.mobile-menu{
			position:fixed;
				background: #08204a !important;
			}
		.navbar-toggle{
				margin:20px 15px;
				}
		.site-header.affix{
			top:0;
			float:left;
			}
		.site-header.affix #main_menu {
			display: block;
		}	
		.site-header:not(.affix) #main_menu{
			padding-right:0;
			display:block;
			}
		.site-header .navbar-default{
			background: #08204a !important;display: none;
			}

		.navbar-nav {
 		   margin: 0;
			}
		.navbar-collapse{
		  background:#0d1935 none repeat scroll 0 0;
		  border:none;
		  padding: 0;
		  box-shadow: none;
		  margin: 0;
		  position: fixed;
		  bottom: 0;
		  left: 0;
		  right: 0;
		      top: 74px;
		  height: 100vh;
		  max-height: calc(100% - 74px) !important;
		  overflow-x: hidden;
		 }
		 .navbar-collapse.collapse.in, .navbar-collapse.collapse{
		  height:100% !important; 
		  max-height: calc(100% - 74px) !important;
		 }
	
		.site-header.affix .navbar-nav {
			float: none;
		}
		.navbar .navbar-brand,.site-header.affix .navbar .navbar-brand{
			display:block;
			 margin: 10px 18px;
			}
		.navbar-default .navbar-nav > li{
				margin:0;
				}	
		.navbar-default .navbar-nav > li > a,.site-header.affix .navbar-default .navbar-nav > li > a{
			padding:10px 30px;
			color:#fff!important;
			}
			
		.navbar-brand>img{
			
			max-width: 100px;
			height: auto;
			}
			.dropdown-toggle{
				    right: 36px;
					display: none;
				}
			.dropdown-menu{
				position:static;
				width: 100%;
				float: none;
				}	
				ul.dropdown-menu li + li {
  border-top: 0;
}
			.navbar-default .navbar-nav li > a{
				    border-bottom: 1px solid #1B346E !important ;background: #0d1935 !important;
				}

			ul.dropdown-menu li a{
				padding: 0px 0 8px 60px ;
				background: #102043 !important;
				position: relative;
				}

			ul.dropdown-menu ul.dropdown-menu  li a::before {
				 left: 71px;
			}
			ul.dropdown-menu ul.dropdown-menu ul.dropdown-menu li a::before {
				 left: 101px;
				}
		
			ul.dropdown-menu li ul.dropdown-menu > li a{
				padding-left:90px;
				background: #142855 !important;
				}
			ul.dropdown-menu li ul.dropdown-menu ul.dropdown-menu > li a{
				padding-left:120px;
				background: #183168 !important;
				}
			
			.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background-color: transparent !important;
			}
			.dropdown-toggle::before, .dropdown-toggle::after{
				background:#fff;}
				
		
		.trgle-wel{
			display:none;
			}
		.welcome-text h4{
			text-align:left!important;
			}
		.welcome-page .video,.container-fluid{
			width:100%;
			}
		.welcome-text{
				margin:0 !important;
			}
		.welcome-page{
			background-image:none!important;
			}
		.latest-news h3, .testimonial h3 {
			color: #313131;
			text-align: center;
		}
		.carousel .item, .carousel .item img{
				height:auto;
			}
		.carousel-caption h1{
			  	font-size:2em;
				line-height:10px;
			}
		.carousel-caption p{
				font-size: 1.1em;
		}
		.welcome-text p {
			text-align: justify !important;
		}
		.welcome-text .contact-no{
			text-align:center;
			}
		.ms-gallery li{
			width:auto;
			}
		.reason-why::before{
			width:100%;
			}
		.reason-why h3{
			margin:0;
			}
		.reason-why .r1 {
			font-size: 30px;
			}
		.reason-why .r2{
			font-size: 18px;
			}
		.reason-why .r3{
			font-size: 15px;
			}
			
		.reason-why .r4{
			display:none;
			}
		.reason-why .why-txt{
				padding-left: 0px;
				padding-top: 10px;
			}
		.services li{
			    width: 100%;
			}
		.serbox{
			min-height: 374px;
			}
		.space-text{
			padding-left:15px;
			}
		.shedule h3 a{
			display:block;
			margin-top:20px;
			}
			.latest-news .owl-theme .owl-nav{
				position:static;
			}
			
		.latest-news h3::before, .testimonial h3::before{
			right:0;
			margin:auto;
			}
		.site-footer{
			background-image:none !important;
			}
	footer.site-footer {
    height: auto !important;
}
		.cta ul li{
			width:100%;
			margin-bottom:10px;
			}
		.cta ul li:nth-child(2)::before, .cta ul li:nth-child(4)::before,.cta ul li:nth-child(4)::before{
			bottom: 84px;
			}
		.navbar-right.qc{
			}
		.site-header.affix .qc ,.navbar-right.qc{
			display:none;
		}
		.widget_wysija::before{
			top:8px;
			}				
		.grid-item, .grid-sizer,.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
			width: 100%;
		}
		
		.blogpage .blog-meta{
			float:none;
			}
		.woocommerce-page div.product div.summary{
			width:100%;
	}
	.woocommerce form.login,.registration-form.woocommerce,.woocommerce-product-gallery__image a {
		width:100%;
		}

	.related ul li {
		width: 47% !important;
	}
	.blogpage .wbg{
		width:auto;
		}
	.blogpage article{
		margin-bottom:20px;
		}
	.site-footer .form-submit {
		padding-top: 8px;
	}
	.sc .btn{
		width: 100%;
		font-size: 13px;
		}
	#woo_catalog .modal-content{
		  	width:100%;
		}
	.g-recaptcha{
		transform-origin:0;
		transform:scale(0.92);
		}
		.search-form .btn {
		position: relative;
		top: -3px;	
		}
		.gallary-grid a h3 {
			background: rgba(8, 33, 75, 0.41); 
		}
		
		
		.palette-container {
    position: fixed;
    top: 200px;display:block;}
	
}

/*For landscape view in mobile*/

@media (min-width:480px) and (max-width: 767px) and (orientation:landscape) { 
	.ms-gallery li{			
			width: 48%;			
   			 margin: 5px 0px 5px 8px;
			}
	.services li{
		width: 50%;
		float: left;
		}	
    .serbox{	
		margin: 7px;
		min-height: 411px;
		
	}
	.cta ul li {
    width: 49%;
	}

	.grid-item {
		height: 200px;
		width: 49.5%;
	}

.blogpage article {
    width: 48%;
    float: left;
    margin: 5px;
	}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 46%;
}
.home .why-txt li{
		color:#fff;
		}	
#woo_catalog .modal-content{
		    top:100%;
		}


	.palette-container {
    position: fixed;
    top: 200px;}
		
}


/*Mobile devices ends here*/

/*Tablet devices starts here (Portrait view)*/

@media (min-width:768px) and (max-width: 991px) {
	
	body{
		
    margin-top: 140px;
	}
	
	body:not(.home) {
		padding-top:0px;
	}
	.top-header {
		padding: 7px 0;
		    background: #20375d;
	}

	.top-header a img {
		 max-width: 101px;
		height: auto;
	}

	.top-header h2{
		display:none;
		}
	
	.site-header.affix {
		top: -83px;
	}
	.top-header li {
		margin-top: 5px;
	}
	
	.navbar-default .navbar-nav > li {
		margin: 0px 7px 0px 0;
	}
	.navbar-default .navbar-nav > li:last-child{
		    margin-right: -30px;
		}
	.navbar-default .navbar-nav > li > a{
		    font-size: 13px;
		}
	.dropdown-toggle { 
         right: 4px;
       }
		.qc.navbar-nav li a {
			padding: 15px 6px !important;
			font-size: 1em;
		}
		.qc.navbar-nav  li form{
			width:270px;
			}
	.carousel .item, .carousel .item img{
			height:auto;
			}
	.trgle-wel{
			display:none;
			}
	.carousel-control {
			top: 40%;
			}
	.services li {
		width: 33.333%;
	}
	.serbox{	
		min-height: 445px;
	 }
	.ms-gallery li {	
		width: 32.5%;
		margin: 3px;
	}

	.contact-number {
		display: block;
	}
	.reason-why::before{
		width:100%;
			background:url(/wp-content/uploads/2017/04/2.jpg) no-repeat center center / cover;
		}
	.reason-why h3 {
		margin: 9px 0px 21px 0px;
	}
	.space-text{
		padding-left:15px;
		}
	.owl-carousel .owl-item img{
		width:auto;
		}
	
	.cta ul li {
		width: 48%;
		margin: 5px;
	}
	.entry-header {
		background-attachment: scroll !important;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
		float:left;
		}
	.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .woocommerce-product-gallery__image a{
		width:auto;
		}
		
		.palette-container {
    position: fixed;
    top: 200px;}
}


/*Tablet devices ends here*/

/*Tablet devices starts here (landscape view)*/

@media (min-width:992px) and (max-width: 1199px) and (orientation:landscape) {
		
	
	.navbar-default .navbar-nav > li {
		margin: 0px 15px 0px 0;
	}
	.top-header h2,.trgle-wel{
		display:none;
		}
	
	.site-header.affix .navbar-default .navbar-nav > li > a {
		font-size:14px;
	}
	.site-header.affix{
			top: -117px;
		}
	.top-header .col-md-7{
			width:25%;
		}
	.find-right {
		width: 53%;
		float: right;
	}
		.ms-gallery li{			
			margin: 10px 4px 3px 16px;
			width: 31%;
		}
		
	
	.reason-why h3 {
		margin: 48px -60px 0px 0px;
		
	}
		.reason-why .r4{
			display:none;
			}
	
	.navbar-default .navbar-nav > li > a{
		    font-size: 14px;
		}
		.qc.navbar-nav li a {
			padding: 15px 6px !important;
			font-size: 1em;
		}
		.cta ul li address, .cta ul li p, .cta ul li .more-link {
		margin-bottom: 22px;		
	}

	.site-footer .form-submit{
    	margin-left:-5px;
	}
	.site-footer .form-control{
		width: 169px;
		}
		
	.widget_wysija::before{
		    margin-left: 180px;
		}
	.img-holder img{
		height:auto;
		width:100%;
		}
	.entry-header {
		background-attachment: scroll !important;
	}
	.sidebar-fact a.btn {
		margin: 5px 0px;
	}
	.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .woocommerce-product-gallery__image a{
		width:100%;
		}
	
	
}
@media (max-width: 320px){
		.grid-item {
		height: 200px;
		width: 100%;
	}
	}
	@media (max-width: 375px){
	
		.grid-item {
		height: 200px;
		width: 100%;
	}
	}
	@media (max-width: 414px){
	.gallary-grid a {
    width: 100%;
	}
		
	}
		@media (max-width: 500px)
{
    .pp_pic_holder.pp_default
    {
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
		    
    }
	.pp_content_container{
		padding:15px;
	}
    div.pp_default .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
		
    }
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }
}
	
	@media (max-width: 1200px){
	.reason-why .r4{
		display:none;
		}	
		
	}