/*

	Theme Name: ANTS New
	Author: ANTS Creation
	Author URI: http://www.ants.lk
	Version: 1.1

*/

@charset "utf-8";
/* CSS Document */

/* Large desktop - BROWSER SIZE 1 */
@media only screen and (min-width: 1200px) and (max-width: 5000px) { /* crank up to 5000px to support high res monitors and TV's */

	
}

/* Portrait tablet to landscape and desktop - BROWSER SIZE 2 */
@media only screen and (min-width: 991px) and (max-width: 1200px) {
	
	


}

/* Landscape phone to portrait tablet - BROWSER SIZE 3 */
@media only screen and (min-width: 767px) and (max-width: 991px) {
	.backaground-section{
		    height: 220px;
	}
	
	.input-group{
		margin-bottom: 5px;
	}
	
	.displynone-two{
		display: none;
	}
	
	.event-content{
		transform: translate(0, -34%);
	}
	
	

}

/* All Mobile Sizes (devices and browser) - BROWSER SIZE 4 */
@media only screen and (max-width: 767px) {
	.backaground-section{
		    height: 220px;
	}
	
	.input-group{
		margin-bottom: 5px;
	}
	
	.event-content{
		transform: translate(0, -34%);
	}
	
	.planyourtripheight{
		height: 385px;
	}
		
}

/* Landscape phones and down - BROWSER SIZE 5 */
@media (max-width: 480px) {
	.slidertext{
		display: none;
	}
	
	.navigation{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.backaground-section{
		height: 320px;
	}
	
	.input-group{
		margin-bottom: 5px;
	}
	
	.whoweare{
		display: none;
	}
	
	.event-content{
		transform: none;
	}
	
	.event-full{
		height: auto;
		background-image: none;
	}
	
	.tooltip-right:after{
		display: none;
	}
	
	.col5{
        display: none;
	}
	
	.displynone{
		display: none;
	}
	
	.carousel-caption{
		right: 5px;
		left:5px;
		padding-bottom: 0 !important;
	}
	
	.padding-left0{
		padding-left: 15px;
	}
	
	.padding-col-3-0{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}


/* iphone portrait mode - BROWSER SIZE 6 */
@media (max-width: 320px) {
	.slidertext{
		display: none;
	}
	
	.logo{
		width: 214px !important;
	}
}

@media(min-width:992px) {
#mobile_view {
	display: none;
}
#dekstop_view {
	display: block
}
}

@media(max-width:991px) {
#dekstop_view {
	display: none;
}
#mobile_view {
	display: block
}
#mobile_view {
	width: 100%
}
}