
@media (min-width: 1920px) {


}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.main-menu ul.navbar-nav li a {
    font-size: 13px;
    padding: 8px 10px;
}	

.main-menu ul.navbar-nav li a{
	padding: 18px 10px;
}

.tour-detail h4{
	font-size: 18px;
	line-height: 23px;
}

section#about-us h2:before{
	right: 0;
}

.things-box .things-text p{
	font-size: 12px;
	line-height: 16px;
}

.header-area.stick .main-menu ul.navbar-nav li a{
    font-size: 13px;
    padding: 8px 10px;
}   
.service-content h4 {
    font-size: 15px;
}
.single-services .service-content h4 {
    font-size: 14px;
}    
.fun_text > h5 {
    font-size: 15px;
}    
.sub-head h4 {
    font-size: 26px;
} 
.blog-content a h4 {
    font-size: 20px;
}    
.slider-content {
    top: 15%;
}
.left-menu ul li a {
    font-size: 13px;
    padding: 14px 10px;
}     
.down-btn {
    font-size: 13px;
    padding: 15px 10px;
}    
.support-text {
    padding: 20px 5px;
}    
.about-content{
	padding: 55px 50px 50px 50px;
	overflow-y:scroll
	}

.image-view {
    top: -213px;
    width: 100%;
    height: 100%;} 
.image-view i{
	left:27%;
	top:28%;}
.gal-cat .image-view, .album-main .image-view {
    width: 100%;
    height: 201px;
    top: -201px;
}
.gal-image img{
	height:auto;} 

 .nxt{
	right:45.5%;} 
.prv{
	left:45.5%;}   
.service-detail2 {
	padding: 30px 40px;
	height:410px;
	overflow-y:scroll;
	}
.service-detail2 h3{
	font-size:32px;
	margin-bottom:15px;}
	

.service-area-img img{
	height:410px;}
.service-detail h3{
	font-size:35px;
	margin-bottom:25px;}   
}




/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.topbar-left ul li:last-child{
		display: none;
	}

.srilanka-text{
	padding: 5%;
}

section#about-us h2:before{
	right: 36%;
}

#destination-body .des-img .place{
	top: 170px;
}

.main-menu ul.navbar-nav li a,
.main-menu ul.navbar-nav li a, .header-area.stick .main-menu ul.navbar-nav li a {
    font-size: 13px;
    padding: 30px 9px;
}
.header-area.stick .main-menu ul.navbar-nav li a{
    font-size: 13px;
    padding: 24px 9px;
}
.logo a {
    padding: 25px 0;
}
.header-area-2.stick .logo a,
.header-area-2 .logo a {
    padding: 25px 0;
}
.header-area-2 .main-menu ul.navbar-nav li a, .header-area.stick .main-menu ul.navbar-nav li a {
    font-size: 13px;
    padding: 7px 6px;
}
.header-area-2 .header-right-link a.main-search,
.header-area-2.stick .header-right-link a.main-search {
    padding: 13px 15px;
}
.about-content{
	
	overflow-y:scroll;
	padding: 30px 50px 30px 30px;}

.about-bottom .counter p{
	font-size:30px;
	margin-bottom: 20px;}
.about-bottom .counter h4{
	font-size:20px;}
.down-arrow{
	font-size:50px;
	bottom:-2%;}
.image-view{
	width:158px;
	height:158px;
	top: -158px;}	
.image-view i{
	left:18%;
	top:17%;
	font-size:25px;}
.gal-image img{
	height:auto;}
.main-menu ul.navbar-nav {
    padding: 25px 0;
}
.service-box{
	margin-bottom:20px;}	
.service-detail2 {
	padding: 30px 40px;
	height:410px;
	overflow-y:scroll;
	}
.service-detail2 h3{
	font-size:32px;
	margin-bottom:15px;}
.service-detail2 p:last-child{
	margin-bottom:0;}
.service-area-img img{
	height:410px;}
.service-detail h3{
	font-size:35px;
	margin-bottom:25px;}
	
.nxt{
	right:44.5%;} 
.prv{
	left:44.5%;}
.h-title::after{
	left:26%;}	
.footer-contact img{
	display:none;
	width:130px;
	margin-bottom:20px;}
.overlay::after {
	 width:95%;
	 left:22px;
	 }   

.sub-text img {
    width: 100%;
    height: 100px;
}
.tour-sub img {
    width: 100%;
    height: 100px;
}
.gal-cat .image-view, .album-main .image-view {
    width: 100%;
    height: 152px;
    top: -152px;
}
.gal-cat .image-view i, .album-main .image-view i{
	top:19%;
	left:30%;}
	
}





/* small mobile :320px. */
@media (max-width: 767px) {
.container {width:370px}
.logo {
   height: inherit;
left: 16px;
padding: 0;
position: absolute;
top: 10px;
z-index: 999999;
max-width: 170px;
}
.logo a {
    padding: 0px;
}
.down-arrow{
	display:none;}
.h-title::after{
	left:-2%;}
.service-box{
	margin-bottom:30px;}
.about-img img{
	height:300px;}
.about-content{
	height:auto;
	padding: 40px 30px 40px 30px; }
.about-content h2{
	font-size:33px;}

.about-bottom .counter p{
	font-size:30px;
	margin-bottom: 20px;}
.about-bottom .counter h4{
	font-size:20px;}
	
	
.service-area-img img{
	height:250px;}
.service-detail2{
	padding:40px 40px;
	height:auto;}
.service-detail2 h3{
	text-align:center !important;}
.gal-image img{
	width:100%;
	height:263px;}
.review .author img{
	margin-bottom:10px;}
.nxt{
	right:36.5%;} 
.prv{
	left:36.5%;}
.image-view{
	width:100%;
	height:290px;
	top: -290px;}	
.image-view i{
	left:35%;
	top:27%;}
	
.footer-contact img{
	display:none;}	
.footer-content {
    margin-bottom: 40px;
}   
.copyright {
    text-align: center;
    margin: 10px 0px;
}
.copyright ul {
    text-align: center;
}
.copyright ul li:first-child {
    margin-left:0px;
}
.copyright ul li a {
    text-align: center;
} 


.footer-logo{
	text-align:center;}
.footer-icons{
	text-align:center;}
.mean-bar{
	margin-bottom:10px;}	

.copyright p{
	text-align:center !important;}	
	
	
.about-text{
	padding:60px 10px 50px 10px}	
.pa-text1{
	padding: 60px 30px 40px 30px;}

.welcome-text p:first-child{
	text-align:center !important;}		

.mo-text p{
	text-align:justify;
	text-justify:inter-word;}
.mo-text{
	padding: 60px 30px 60px 30px;
}
.album-main img{
	height:120px;}
.gal-cat .image-view{
	height:219px;
	top:-219px;}
.gal-cat .image-view i{
	top:26%;
	left:34%;}
.album-main .image-view{
	display:none;}
#contact-main{
	padding-bottom:50px;
	}
.c-detail p{
	max-width:240px;}

.sub-text .row > [class^="col-"],
.sub-text .row > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
.tour-img-row{
	padding-left:10px;
	padding-right:10px;}
.tour-img-row .row > [class^="col-"],
.tour-img-row > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

}


/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:600px}

.wrapper-text h2{
	font-size: 32px;
}

.mean-bar{
	margin-bottom:10px;}

.h-title::after{
	left:20%;}
.service-box{
	margin-bottom:20px;}
.about-img img{
	height:300px;}
.about-content{
	overflow:hidden;}
	
	
.service-detail2{
	padding:40px 40px;
	height:320px;}
.service-area-img img{
	height:345px;}
.service-detail2 h3{
	text-align:center !important;}
.nxt{
	right:41.5%;} 
.prv{
	left:41.5%;}
.image-view{
	width:100%;
	height:400px;
	top: -400px;}	
.image-view i{
	left:42%;
	top:19%;}
.gal-cat .image-view{
	height:372px;
	top:-372px;} 
.album-main .image-view{
	display:none;}

.footer-contact img{
	display:inline-block;}

.footer-logo{
	text-align:center;}
.footer-icons{
	text-align:center;}

    
.copyright p{
	text-align:center !important;}	
.c-detail p {
    max-width: 100%;
}	
.sub-text .row > [class^="col-"],
.sub-text .row > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
.tour-img-row{
	padding-left:10px;
	padding-right:10px;}
.tour-img-row .row > [class^="col-"],
.tour-img-row .row > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
#tours-welcome img{
	display: table;
	margin-left: auto;
	margin-right: auto;}
}
 
@media (max-width: 480px) {
	.wrapper-text h2{
		font-size: 32px;
	}
	.logo{
		top: 45px;
	}
	.t1{
		font-size: 28px;
	}

	#destination-body .des-img .place{
		left: 0;
		top: 100px;
		padding: 3px 5px 3px 5px;
	}
}