/*header icoon*/

.header-icon{
padding:20px 0px;
background:black;
}
.header-tble{
float: right;
margin-top: -15px;
width: 8%;
font-size: 20px;
margin-right: 3%;
margin-left: auto;
}
.header-tble a{
color:#fff;
}
.header-tble a:hover{
color:#696b6d;	
transition:.7s;
}


/*main nav*/
.fixed{
	position:fixed;
	top:0;
}
.main-logo{
margin-top: -10px;
margin-left: 18%;
margin-right: auto;
}
.main-logo h1 a{
text-decoration: none;
color: black;	
}
.main-logo span{
background: #ea5a4b;
padding: 3px 17px;
color: #fff;
margin-right: 15px;
}

/*slider*/

.header-slider{
margin-top: -20px;	
}
.slider1{
background-image: url("../images/1.jpg");
background-size: cover;
padding: 205px 0px;
color: #fff;
}
#slider2{
background-image: url("../images/20.jpg");
background-size: cover;
}
#slider3{
background-image: url("../images/21.jpg");
background-size: cover;
}
#slider4{
background-image: url("../images/22.jpg");
background-size: cover;
}
#slider5{
background-image: url("../images/23.jpg");
background-size: cover;
}
#slider6{
background-image: url("../images/24.jpg");
background-size: cover;
}
#slider7{
background-image: url("../images/25.jpg");
background-size: cover;
}
#slider8{
background-image: url("../images/26.jpeg");
background-size: cover;
}
#slider9{
background-image: url("../images/27.jpeg");
background-size: cover;
}
#slider10{
background-image: url("../images/28.jpg");
background-size: cover;
}
.slider-txt{
width: 40%;
margin-left: 5%;
margin-right: auto;	
}
.place{
background: black;
opacity: .6;
padding: 10px 15px;	
font-weight: bold;
}
.here{
background: black;
opacity: .6;
padding: 10px 15px;	
margin-top: -5px;
max-width: 87%;
font-weight: bold;
}
.about{
background: black;
opacity: .6;
padding: 10px 15px;
margin-top: -5px;
max-width: 60%;
font-weight: bold;
}
.header-slider img{
width:100%;
}
.bx-wrapper .bx-pager {
background: black;
padding: 20px 0px;
margin-left: 13%;
margin-right: auto;
}


/*middle article*/

.middle-article{
padding: 40px 0px;	
}
.article p{
line-height: 28px;
padding-right: 59px;
text-align: justify;
margin-top:10px;	
}
.article-tble i{
font-size: 20px;
margin-top: 10px;
margin-right:10px;
background: black;
color: #fff;
padding: 10px 10px;	
}

/*image gallery*/

.middle-option{
	background:#f9f9f9;
	padding:40px 0px;
}
#inside-border{
	background: white;
	border-left: 1px solid #dad3d3;
	border-right: 1px solid #dad3d3;
}
.image-gallery{
	padding-top:50px;
	margin-bottom: -30px;
}
.image-gallery img{
width:100%;	 
}
#images{
margin-top: 25px;	
}
.gallery-txt{
	position:relative;
	overflow:hidden;
}
.gallery-txt img{
	width:100%;
	transition:1.5s;
	cursor: pointer;
}
.gallery-txt img:hover{
	transform:scale(1.2);
}
.gallery-txt h2{
	position:absolute;
	bottom:0;
	margin:0;
	text-align:center;
	padding:10px 0px;
	width:100%;
	  background:black;
	color:#fff;
	opacity:.6;
	transform-origin:bottom;
	transition:.5s;
	transform:perspective(500px) rotateX(90deg);
	font-size: 22px;
}
.gallery-txt:hover h2{
	transform:perspective(500px) rotateX(0deg);
}

/*footer*/

.footer{
background: #272a2d;
color: white;
font-weight: bold;
padding: 60px 0px;
border-top: 10px solid #ea5a4b;	
}
.footer-txt{
padding-right: 95px;
line-height: 25px;	
}
.footer h3{
font-weight:bold;
margin-bottom: 25px;	
}
.footer p{
margin-top:5px;
color: #adadad;	
}
.post{
border-bottom: 1px solid #504545;
padding-bottom: 20px;	
}
.footer-txt2{
padding: 0px 36px;	
}
.id{
margin-top: 30px;	
}
.footer-txt3{
padding: 0px 50px;	
}
.footer-txt3 img{
margin-bottom:20px;	
}





/*responsive*/

 @media screen and (max-width: 1300px){
	 
 }
 
 
 
 
 
 
 
 
 
 
 /*---------------------------------------START BLOG-----------------------------------*/

/*header image*/

.header-image{
	background-image:url("../images/24.png");
	background-size:cover;
}
.blog{
background: black;
color: #fff;
padding: 20px 40px;
margin-bottom: -91px;
margin-top: 140px;
width: 102.4%;
margin-left: -13px;	
}

.blog p{
	font-weight:bold;
	color:gray;
}


/*start middle option*/

.middle-option h3{
margin-bottom: 30px;	
}
/*protfollio*/

.middle-option{
margin-top: 7%;	
}

/* 2nd slider*/

.top-slider img{
width:100%;	
}
.slider-text{
padding: 35px 0px;
border-bottom: 6px solid red;	
}
.slider-text p{
font-size: 15px;	
}
.slider-date{
line-height: 30px;	
}
.slider-date p{
font-weight: bold;	
}
.slider-date span{
font-weight: initial;
color: red;	
}
.Maecenas{
margin-top: 32px;	
}
.slider-lorem p{
line-height:25px;	
}

/*inside-text*/

.inside-text h3{
border-bottom: 6px solid red;
padding: 16px 0px;	
}
.categories ul{
	padding:0;
	margin:0;
}
.categories ul li{
	list-style-type:none;
}
.categories ul li a{
	text-decoration:none;
	color:black;
}

.add-img{
	margin-top:20px;
	cursor:pointer;
}
.add{
	background: #f5f5f5;
	padding: 20px 8px;
	text-align: center;
	font-weight: bold;
	color: grey;
	border: 1px solid #bdabab;
	cursor: pointer;
	width: 85%;	
	margin-top: 20px;
}

/*video section*/

.video-section{
margin-top: 30px;	
}
.video-section video{
	width:88%;
	height: 345px;
	background-image:url("../images/28.png");
	background-size:cover;
}


.page-no ul{
	padding:0;
	margin:0;
}
.page-no ul li{
	list-style-type:none;
	float:left;
	margin-right: 13px;
    font-size: 18px;
	color:black;
}
.page-no ul li a{
	text-decoration:none;
	
} 
.one a{
	background: red;
	color: white;
	padding: 7px 10px;
}

.google-map{
	margin-top: 90px;
}

/*contact-box*/

.contact-box{
	
    font-size: 16px;
}
.contact-form{
	padding: 30px 0px;
}
.p1{
	margin-top:20px;
}
.p1 span{
	color: red;
    font-weight: bold;
}
.first-name{
	width:100%;
	color: black;
	font-weight: bold;
	padding: 10px 10px;
	border: 1.5px solid black;
	margin-top:10px;
}
.first-name:active{
	border:1px solid red;
}
.message{
	width:100%;
	margin-top:10px;
	color: black;
	font-weight: bold;
	padding: 10px 10px;
	border: 1.5px solid black;
	height: 260px;
}
.submit{
	background: #ea5a4b;
	border: none;
	color: white;
	padding: 10px 27px;
	margin-top: 10px;
	cursor: pointer;
	font-weight: bold;
}
.submit:active{
	background:#fff;
	color:black;
	border:1px solid black;
	transition:.1s;
}
.css{
	border:1px solid red;
}
#prangon{
	background:white;
	border-left:1px solid #e3cfcf;
	border-right:1px solid #e3cfcf;
}






/*-----------------------------------------------------------|START RESPONSIVE|------------------------------------------*/


/* home page */

@media screen and (max-width: 1305px){
	.bx-wrapper .bx-pager{
		margin-left:7%;
	}
}

@media screen and (max-width: 1260px){
	.slider-txt{
		width: 45%;
	}
	.slider-txt h1{
		font-size:30px;
	}
	.slider1{
		height:350px;
	}
	.slider-txt{
		margin-top: -90px;
	}
}
@media screen and (max-width: 999px){
	#images {
      margin-top: 0px;
   }
   .gallery-txt{
	   margin-top: 25px;
   }
   .footer-txt3 {
		padding: 0px 215px;
  }
}
@media screen and (max-width: 975px){
	.middle-article{
		margin-top:-110px;
	}
}
@media screen and (max-width: 950px){
	.bx-viewport{
		height: 411px;
	}
	.slider1{
		height:300px;
	}
	.slider-txt {
      width: 55%;
   }
   .header-tble{
	   max-width:20%;
   }
   .header-tble i{
	   margin-right: 10px;
   }
}
@media screen and (max-width: 775px){
	.slider-txt {
       width: 80%;
    }
	.main-logo{
		margin-left: 3%;
	}
	.slider1{
		height:250px;
	}
	
}
@media screen and (max-width: 758px){
	.footer-txt2 {
	  padding: 0px 1px;
	  padding-right:30px;
  }
  .footer-txt3 {
	padding:0;
    padding-right: 50%;
}
}
@media screen and (max-width: 540px){
	.slider-txt h1 {
       font-size: 23px;
    }
  .slider1{
		height:200px;
	}
}
@media screen and (max-width: 420px){
	.slider-txt h1 {
       font-size: 16px;
    }
	.footer-txt3 {
    padding-right: 16%;
    }
	.article p{
		padding-right: 2px;
	}
}
@media screen and (max-width: 300px){
	.slider-txt {
		width: 92%;
		margin-left: 3%;
    }
	.article h3{
		font-size:17px;
	}
	.article-tble i{
		font-size:14px;
		padding: 6px 6px;
	}
   h3{
		font-size: 20px;
	}
   p{
		font-size: 12px;
	}
	.footer h3{
		font-size:17px;
	}
	.footer-txt {
      padding-right: 1px;
    }
	.footer-txt2 {
      padding-right: 1px;
    }
	.footer-txt3 img{
		width: 21px;
	}
}   /* end home responsive */



   /* start blog responsive */
   
   @media screen and (max-width: 1200px){
	   .add{
		   width:110%;
	   }
   }
   @media screen and (max-width: 990px){
	   .add{
		   width:65%;
	   }
	   .blog{
		   padding: 2px 42px;
		   margin-bottom: -67px;
	   }
   }
   @media screen and (max-width: 769px){
	   .inside-text{
		   display:none;
	   }
	   .blog{
		   width: 65.4%;
		   padding: 2px 43px;
           margin-bottom: -43px;
	   }
   }
  
   @media screen and (max-width: 583px){
	   .blog{
		   width: 104.4%;
		   padding: 2px 43px;
		   margin-bottom: 0px;
	   }
	   .video-section video{
		   width: 99%;
           height: 181px;
	   }
   }
   @media screen and (max-width: 345px){
	   .blog h1{
		   font-size: 25px;
	   }
	   .middle-option h3{
		   font-size: 17px;
	   }
	   .middle-option p{
		   font-size: 12px;
	   }
   }