@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
         .logo a{
         font-size: 25px !important; 
     }
     .side-image-two{
	    margin-top: 0px !important; 
}

.img-featured-first{
    height :160px !important  ;
}
.img-featured-second{
    height :160px !important  ; 
}
.img-featured-third{
   height :160px !important  ;   
}
.padd {
   
    padding: 0px 10px !important;
}
.img-ttt img {
    margin-top: 6px important;
}
  .col-xs-12 {
    width: 100% !important;
}   
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
     .logo a{
         font-size: 25px !important; 
     }
  /* For landscape layouts only */
}
        





@media screen and (max-width:768px){
	.navbar-brand > img{
		margin-top: -37px;
	}
.sec-img{
        text-align: center !important;
}
#video-banner-two{
        width: 100% !important;
            height: auto !important;
}
.img-sara img{
    width: 100% !important;
            height: auto !important;
    margin-top: 15% !important;
   margin-left: 0% !important;
}
.imag-blg-ban{
    width: 100% !important; 
 height: 36% !important;
}
.imag-blg-bannnn{
    width: 100% !important; 
   height: 36% !important; 
}
.ban-carr p{
        text-align: center !important; 
}
.imag-blg-bann{
   width: 100% !important; 
   height: 36% !important; 
}
.imag-blg-bannn{
     width: 100% !important; 
    height: 36% !important; 
}
.title-img-1{
    font-size: 22px !important;
}
.img-a img{
    max-width: 100% !important;
}
	@media(max-width: 1440px)
{ 
	.container 
	{ 
	max-width: 90% !important; 
     }
 } 
@media(max-width: 2400px)
{ 
	.container { max-width: 90% !important; 
		}
		 }
 @media(max-width: 1920px)
 { 
 	.container 
 	{ 
 		max-width: 90% !important; 
 		} 
 	}
.navbar-section{
padding-bottom: 0px !important;
    padding-left: 26px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
}
	.navbar{
	}
	.navbar-nav{
		margin-left: 0px !important;
	}
	.search-section{
		padding-left: 0px !important;
	}
	.navbar-brand{
		height: 0px !important;
	}

	.img-featured{
		padding-bottom: 40px !important;
	}
	.section-cnt h3{
		font-size: 40px !important;
	}

	.section-cnt{
		font-size: 17px !important;
	}
	.section-cnt{
		top: 18% !important;
	}
	.btn a{
		padding: 10px 20px !important;
	}
	.padding{
		margin-top: 40px !important;
	}
	.precip-text{
		top: 11% !important;
	}
	.img-banner img{
		height: auto !important;
		padding-bottom: 20px !important;
	}
	.post-text h3::before {
		width: 50px !important;
		top: 10px !important;
	}
	.post-text h3::after {
		width: 50px !important;
		top: 10px !important;
	}
	.back-white{
		height: auto !important;
		margin: 40px 0px !important;
	}
	.banner-section{
		margin-top: 20px !important;
	}
	.f-text h3:before{
		width: 60px !important;
	}
	.f-text h3:after{
		width: 60px !important;
	}
	.f-texts h3:before{
		width: 85px !important;
		top: 10px !important;
	}
	.f-texts h3:after{
		width: 85px !important;
		top: 10px !important;
	}
	.back-white h3{
		font-size: 30px !important;
	}
	.back-white{
		padding-top: 0px !important;
	}

	.img-featured-second{
	
		width: 100% !important;
	}

	.img-featured-forth{
		
	}
	.sar-content{
	margin-left: 0px !important;
}
.blog-text-inside{
	position: relative !important;
	width: 100%;
}
.more{
	width: 100%;
}

.img-one img{
	margin-top: 33px;
    margin-left: -17px;
}
.our-s-title{
	margin-top: -60% !important;
}
.our-s-title h3:after{
	width: 22% !important;
	top: 50px !important;
    right: -4px !important;
}
.our-s-title h3:before{
	width: 22% !important;

    top: 50px !important;
    left: -4px !important;
}
.our-story-title{
	    padding-top: 37px;
}
.img-one{
	margin-top: -24px !important;
}
.our-story-text{
	    margin-top: 26px !important;
    padding-left: 5px !important;
    width: 117% !important;
}
.link-onee{
	margin-top: 0% !important;
}
.f-text{
	    margin-top: -31px !important;
}
.f-text h3:before{
	border:none !important;
}
.f-text h3:after{
	border:none !important;
}
.second-featured{
padding-top: 20px !important;
}
.side-image-first{
	    height: 287px !important;
}
.side-image-two{
	height: 287px !important;
}
.side-image-three{
	height: 287px !important;
}
.f-textt h3:before{
	width: 18% !important;
	left: 10px !important;
}
.f-textt h3:after{
	width: 18% !important;
	right:  10px !important;
}
.most-latest-text{
	padding-left: 25px !important;
}
.our-blog{
	    padding-top: 0px !important;
}
.our-blog-title h3:before{
	width: 26% !important;
	    left: -5px !important;
    top: 1% !important;
    display:none !important;
}

.insta-title h3:before{
	width: 15% !important;
}
.insta-title h3:after{
	width: 15% !important;
}
.our-blog-title h3:after{
	width: 25% !important;
	    right: -3px !important;
    top: 1% !important;
     display:none !important;
}
.our-blog-titlet h3:before{
	    width: 23% !important;
	    left: 9px !important;
    top: 1% !important;
}
.our-blog-titlet h3:after{
	    width: 23% !important;
	    right: 9px !important;
    top: 55% !important;
}
.img-tt{
	    margin-top: -29px;
}
.img-tt img{
	height: none !important;
	
}
.blg-txt p{
	    width: 95% !important;
    padding-bottom: 13px !important;
}
.imag-blg{
width: 100% !important;
height: 62% !important;
}

.imag-blg-2{
width: 100% !important;
height: 62% !important;
}
.imag-blg-3{
width: 100% !important;
height: 100% !important;
}
.img-tl{
	    height: 68% !important;
    width: 100% !important;
      margin-left: 0% !important;
}
.img-t2{
	height: 68% !important;
    width: 100% !important;
      margin-left: 0% !important;
}
.title-img-1{
	margin-top: 5% !important;
	     margin-left: 0% !important; 
}
.more{
	margin-left: 29% !important;
	    width: 48% !important;
}
.fami{
	width: 100%;
	margin-left: 14% !important;
	margin-top: 15px;
}
.famii{
	width: 100%;
	margin-left: 14% !important;
	margin-top: 25px;
}
.life-line{
	    margin-top: -10% !important;
}
.life-line h3:before{
	width: 24% !important;
	top: 13px !important;
}
.life-line h3:after{
	width: 24% !important;
	top: 13px !important;
}
.side-image-two{
	    margin-top: 30px;
}
.con-t h3:before{
	width: 0% !important;
}
.con-t h3:after{
	width: 0% !important;
}
.bnr-mar{
	height: 55% !important;
}
.cin-img{
	height: 55% !important;
}
.pas-img{
	height: 55% !important;
}
.bnr-con{
	height: 55% !important;
}
.bnr-life{
	height: 55% !important;
}
.bnr-gal{
	height: 55% !important;
}
.bnr-blog{
	height: 55% !important;
}
.bnr-abt{
	height: 30% !important;
}
.fm{
	height: 300px !important;
}
.fmo{
	height: 300px !important;
}
 .main-gallery img{
        padding: 15px 0px !important;
 }
 .need-first{
 	    margin-top: 11px !important;
 }
 .life{
padding:0px !important;
 }
 .style{
 	margin-top: 7% !important;
 }
 .our-links ul{
 	margin-top: 0px !important;
    
    margin-left: 89px !important;
 }
 .our-links ul li{
 	padding: 3px !important;
 }
 .fir{
 	float: left;
 }
 .img-tt img{
 	margin-top: 35px !important;
 }
 .contact-title{
 	font-size: 22px !important;
 	margin-top: 8px !important;
 	margin-bottom: 10% !important;
 }
 .our-links-firts {
  
     border-right: none !important; 
    border-left: none !important; 
   padding-right: 0px !important; 
}
.insta-title h3:before{
	top: 2% !important;
	display:none !important; 
}
.blg-t h3:before{
	    top: 15px !important;
}
.blg-t h3:after{
	    top: 15px !important;
    right: 240px !important;
}
.blg-t h3{
	    margin-top: 11% !important;
}
.insta-title h3:after{
top: 2% !important;
display:none !important; 
}
.our-insta{
	    padding-top: 0px !important; 
}
.last-cnt{
	text-align: center !important;
	    margin-top: 12px !important;
    margin-bottom: 18px !important;
}
@media screen and (max-width:1366px){
	
}


@media (max-width: 768px){
	#video-banner{
		height: auto!important;
	}
	.our-story-title{
		    margin-top: 61%!important;
    margin-bottom: 5%!important;
	}
}

@media (max-width: 768px){
	.header-section{
		display: none!important;
	}
	.header-logo a{
		display: none!important;

	}
	.icons-social{
		float: none!important;
	}
	.logo {
     text-align: center!important; 
     padding-top: 9px!important; 
     margin: 0px 10px!important;
 }
 .logo a{
 	font-size: 30px!important;
 }
 .icons-social ul {
    margin: 0px!important;
    padding: 0px!important;
    text-align: center!important;
}
.m{
	margin-top: 0px!important;
	padding: 20px 0px!important;	
}
.life-line h3{
	margin-top: -44px;
}
.sub{
    text-align:center !important;
}
.icons-social{
    text-align: center!important; 
}
}