@media screen and (min-width: 1199px) and (max-width: 1366px){
    .logo img {
		 width:70%;
		 }
    
 }
@media screen and (min-width: 992px) and (max-width: 1198px){
 
	.logo img {
		 width:70%;
		 }
	.prod-box-h p{
		font-size:13px;
	}
	


}
    
   

	
	
/***********************sm start*************************************/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.prod-box-h p{
		font-size:13px;
	}
	.navbar-right {
		float:none;
	}
	.logo img {
		 width:65%;
		 }
	.menu ul{
	float:none;
	}
	.text::before {
			content: "";
			background: #fff;
			top:45px;
			left: 1.5%;
			position: absolute;
			height: 1px;
			width: 36%;
		}
	.text::after {
			content: "";
			background: #fff;
			top: 45px;
			right: 2%;
			position: absolute;
			height:1px;
			width: 36%;	
		}
	.facts_logo img {
			width:100%;
		}
	/* Safari 4.0 - 8.0 */

	@-webkit-keyframes mymove {
			from {
				top: 0px;
			}
			to {
				top: 200px;
			}
		}
	@keyframes mymove {
			from {
					top: 0px;
			}
			to {
					top: 200px;
			}
		}
	
	.nav > li > a {
			padding:10px 7px;
		}
	.navbar-inverse .navbar-nav > li > a {
			font-size:12px;
		}
	.footer h5 {
		padding-top:10px;
	}
	.clck-icn-1 i.fa-envelope-o,.clck-icn-1 i.fa-phone {
			padding:0 20px;
		}
	.clck-text-1 p {
			text-align:center;
			font-size:14px;
			padding-left:0px;
		}
	.ser-row {
		padding: 60px 0px 30px 10px;
		text-align: center;
	}
	.effect img {
		width:50%;
		margin:0 auto;
	}
	.hovereffect {
		width:100%;
		margin:0 auto;
	}
	.service-1 .overlay{
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		opacity:0;
		background-color:rgba(0,0,0,0.5);
		-webkit-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;
		margin:0 auto;
		display:table;
	}
}
	




@media screen and (max-width: 800px){
.menu ul{
	float:none;
}
}
 




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

		 .navbar {
			 margin-bottom:15px;
		 }
		 .menu {
			 background: #2e2e2e;
			 width:100%;
			 margin-top:2%;
		 }

		 .text::before {
			content: "";
			background: #fff;
			top:45px;
			left: 1.5%;
			position: absolute;
			height: 1px;
			width: 20%;
}
		.text::after {
			content: "";
			background: #fff;
			top: 45px;
			right: 2%;
			position: absolute;
			height:1px;
			width: 20%;	
		}
		.about-row {
			padding-top:45px;
		}
		.about-row {
			 padding-bottom:20px;
		 }
		.service-bg {
			padding-left:15px;
			padding-top:40px;
		}
		.ser-row {
			padding-right:0px;
		}
		.effect {
			height:350px;
		}
		.hovereffect a.info-1 {
			margin:175px 0 0;
		}
		.fact-bg {
			padding:0px 0 30px 0;
		}
		.fact h3 {
			margin-top:20px;
		}
		.fact-heading {
			margin:30px 0 80px 0;
		}

		/* Safari 4.0 - 8.0 */

		@-webkit-keyframes mymove {
			from {
				top: 0px;
			}
			to {
				top: 0px;
			}
			}
			@keyframes mymove {
				from {
					top: 0px;
				}
				to {
					top: 0px;
				}
			}
			.gallery {
				padding-top:0px;
			}
			.gallery-heading h2 {
				top:50px !important;
			}
		.inner-about {
			height:250px;
		}
		.banner-heading h2 {
			font-size:30px;
			margin-top:20%;
		}
		.about {
			padding-bottom:30px;
		}
		.inner-service,.inner-team,.inner-album,.inner-contact {
			height:270px;
		}
		.clck-icn-1 i.fa-envelope-o,.clck-icn-1 i.fa-phone {
			padding:0 20px;
		}
		.clck-text-1 p {
			text-align:center;
			font-size:14px;
			padding-left:0px;
		}
		.gallery-row {
			margin-left:0%;
			margin-right:0%;
		}
		.gallery-box2 {
			height:250px;
		}
		#project-version-two .masonary-item.width-1{
			width:100%;
		}
		.album-img a{
			height:200px !important;
		}
}
@media screen and (min-width: 480px) and (max-width: 766px) {

		 .navbar {
			 margin-bottom:15px;
		 }
		 .menu {
			 background: #2e2e2e;
			 width:100%;
		 }
		 .text::before {
			content: "";
			background: #fff;
			top:45px;
			left: 1.5%;
			position: absolute;
			height: 1px;
			width: 20%;
}
		.text::after {
			content: "";
			background: #fff;
			top: 45px;
			right: 2%;
			position: absolute;
			height:1px;
			width: 20%;	
		}
		.about-row {
			padding-top:45px;
		}
		.about-row {
			 padding-bottom:20px;
		 }
		.service-bg {
			padding-left:15px;
			padding-top:40px;
		}
		.ser-row {
			padding-right:0px;
		}
		.effect {
			height:350px;
		}
		.hovereffect a.info-1 {
			margin:175px 0 0;
		}
		.fact-bg {
			padding:0px 0 30px 0;
		}
		.fact h3 {
			margin-top:20px;
		}
		.fact-heading {
			margin:30px 0 80px 0;
		}

		/* Safari 4.0 - 8.0 */

		@-webkit-keyframes mymove {
			from {
				top: 0px;
			}
			to {
				top: 0px;
			}
			}
			@keyframes mymove {
				from {
					top: 0px;
				}
				to {
					top: 0px;
				}
			}
			.gallery {
				padding-top:0px;
			}
			.gallery-heading h2 {
				top:50px !important;
			}
		.inner-about {
			height:250px;
		}
		.banner-heading h2 {
			font-size:30px;
			margin-top:20%;
		}
		.about {
			padding-bottom:30px;
		}
		.inner-service,.inner-team,.inner-album,.inner-contact {
			height:270px;
		}
		.clck-icn-1 i.fa-envelope-o,.clck-icn-1 i.fa-phone {
			padding:0 20px;
		}
		.clck-text-1 p {
			text-align:center;
			font-size:14px;
			padding-left:0px;
		}
		.gallery-row {
			margin-left:0%;
			margin-right:0%;
		}
		.gallery-box2 {
			height:250px;
		}
}
@media screen and (max-width: 767px) {
  
	
   
	}
 @media screen and (min-width: 375px) and (max-width: 480px) {
	  .logo img {
			 width:50%;
		 }
		.text::before {
			content: "";
			background: #fff;
			top:45px;
			left: 1.5%;
			position: absolute;
			height: 1px;
			width: 26%;
}
		.text::after {
			content: "";
			background: #fff;
			top: 45px;
			right: 2%;
			position: absolute;
			height:1px;
			width: 26%;	
		}
 }  
@media screen and (max-width: 360px){

		 .navbar {
			 margin-bottom:15px;
		 }
		 .menu {
			 background: #2e2e2e;
			 width:100%;
		 }
		 .logo img {
			 width:120px;
			 height:55px;
		 }
		 .text::before {
			content: "";
			background: #fff;
			top:45px;
			left: 1.5%;
			position: absolute;
			height: 1px;
			width: 20%;
}
		.text::after {
			content: "";
			background: #fff;
			top: 45px;
			right: 2%;
			position: absolute;
			height:1px;
			width: 20%;	
		}
		.about-row {
			padding-top:45px;
		}
		.about-row {
			 padding-bottom:20px;
		 }
		.service-bg {
			padding-left:15px;
			padding-top:40px;
		}
		.ser-row {
			padding-right:0px;
		}
		.effect {
			height:350px;
		}
		.hovereffect a.info-1 {
			margin:175px 0 0;
		}
		.fact-bg {
			padding:0px 0 30px 0;
		}
		.fact h3 {
			margin-top:20px;
		}
		.fact-heading {
			margin:30px 0 10px 0;
		}
		

		/* Safari 4.0 - 8.0 */

		@-webkit-keyframes mymove {
			from {
				top: 0px;
			}
			to {
				top: 0px;
			}
			}
			@keyframes mymove {
				from {
					top: 0px;
				}
				to {
					top: 0px;
				}
			}
			.gallery {
				padding-top:0px;
			}
			.gallery-heading h2 {
				top:50px !important;
			}
		.inner-about {
			height:250px;
		}
		.banner-heading h2 {
			font-size:30px;
			margin-top:20%;
		}
		.about {
			padding-bottom:30px;
		}
		.inner-service,.inner-team,.inner-album,.inner-contact {
			height:270px;
		}
		.clck-icn-1 i.fa-envelope-o,.clck-icn-1 i.fa-phone {
			padding:0 20px;
		}
		.clck-text-1 p {
			text-align:center;
			font-size:14px;
			padding-left:0px;
		}
		.gallery-row {
			margin-left:0%;
			margin-right:0%;
		}
		.gallery-box2 {
			height:250px;
		}
   

     
}
    
    
    
     @media screen and (max-width: 320px){
		 

		 .navbar {
			 margin-bottom:10px;
		 }
		 .menu {
			 background: #2e2e2e;
			 width:100%;
		 }
		 .text::before {
			content: "";
			background: #fff;
			top:45px;
			left: 1.5%;
			position: absolute;
			height: 1px;
			width: 20%;
}
		.text::after {
			content: "";
			background: #fff;
			top: 45px;
			right: 2%;
			position: absolute;
			height:1px;
			width: 20%;	
		}
		.about-row {
			padding-top:45px;
		}
		.about-row {
			 padding-bottom:20px;
		 }
		.service-bg {
			padding-left:15px;
			padding-top:40px;
		}
		.ser-row {
			padding-right:0px;
		}
		.effect {
			height:350px;
		}
		.hovereffect a.info-1 {
			margin:175px 0 0;
		}
		.fact-bg {
			padding:0px 0 30px 0;
		}
		.fact-heading {
			margin:30px 0 10px 0;
		}
		.facts_logo img {
			width:90%;
		}
		/* Safari 4.0 - 8.0 */

		@-webkit-keyframes mymove {
			from {
				top: 0px;
			}
			to {
				top: 0px;
			}
			}
			@keyframes mymove {
				from {
					top: 0px;
				}
				to {
					top: 0px;
				}
			}
		.inner-about {
			height:250px;
		}
		.banner-heading h2 {
			font-size:30px;
			margin-top:20%;
		}
		.about {
			padding-bottom:30px;
		}
		.inner-service,.inner-team,.inner-album,.inner-contact {
			height:270px;
		}
		.clck-icn-1 i.fa-envelope-o,.clck-icn-1 i.fa-phone {
			padding:0 20px;
		}
		.clck-text-1 p {
			text-align:center;
			font-size:14px;
			padding-left:0px;
		}
		.gallery-row {
			margin-left:0%;
			margin-right:0%;
		}
		.gallery-box2 {
			height:250px;
		}
}