
@media (max-width: 1450px){
	.translator {
		right:3%;}
	
	}
@media (max-width: 1380px){
	.translator {
		right:1%;}
	.translator .flag{
		width:30px;
		margin-left:5px;}
	
	}

@media (max-width: 1300px){
    .content-holder .content-wrapper .content{
        width: 90%;
    }
	.navbar-brand > img {
    max-width: 80px;
    }
	.nav > li > a{
		padding:10px 6px;}
	header .hotline a{
		font-size:13px;}
		
	.translator {
		right:0.5%;
		top:15px;}
		
	.translator .flag{
		width:30px;
		margin-bottom:10px;
		margin-left:0px;
		display:block;}	
}


@media (max-width: 991px){
    .nav>li>a {
        position: relative;
        display: block;
        padding: 5px;
    }
	header .navbar-default .navbar-nav > li > a{
		font-size:11px;}

    .nav-bar{
        margin: 0px auto;
        float: none;
    }

    .container > .navbar-header{
        margin: auto;
        display: block;
        position: relative;
        float: none;
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        display: table;
        margin: 0px auto;
        margin-top: 10px;
        float: none;
    }
	.navbar-collapse ul li.mal-hotels a {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 0;

}
.translator {
		right:7.5%;
		top:26px;}
		
	.translator .flag{
		width:30px;
		margin-left:5px;
		display:inline-block;}
		
	.wrapper {
    padding-bottom: 60.25%;
    margin-top: 100px;
}

    .about-sri-lanka .right-side-sri-lanka-wrapper{
        position: relative;
    }
    .about-sri-lanka .main-topic,
    .about-sri-lanka p{
        text-align: center;
    }

    .checkbox-cont{
        display: inline-block;
        width: 48%;
    }

    footer h4{
        text-align: left;
    }

    .col-md-4 .foot-block{
        width: 341px;
        margin: 0px auto;
    }

    .single-activity .content .main-image,
    .single-activity .content .desc{
        display: block;
        width: 100%;
        padding-left:0px;
        padding-right: 0px;
        padding-bottom: 0px; 
    }
	.navbar-right{
		margin-right:0;}
		#about-us-home::before {
		background:none;}
	.tour-pack-home .single-tour-wrapper .overlay .days{
		font-size:13px;}
	header .top-bar{
		height:70px;}
    
}



@media(max-width: 768px){

    header .top-bar { height: 65px; padding:15px 0; }
    .top-bar .hotline { text-align: center; padding-right: 15px;}
    .top-bar .hotline.phone{text-align: center; }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
		text-align:center;
		border-bottom:1px solid #f7f7f7;
		
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #CBD948;
		
    }
	.mb30{
        margin-bottom: 20px !important;
    }
	
    .container > .navbar-header{
        margin: auto;
        display: block;
        position: relative;
        float: none;
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        display: table;
        margin: 0px auto;
        margin-top: 0px;
        float: left;
    }

    .navbar-brand img{ width: 81px; margin-left: 10px; }
    
    .dropdown-menu{
        background-color: rgba(4, 3, 3, 0.65);
    }

    .dropdown-menu > li > a {
        color: #333;
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active {
        color: #fff;
        text-decoration: none;
        background-color: #CBD948;
    }
	
	
	
	.navbar-collapse ul li.mal-hotels a{
		margin-top:0;
		border-radius:0;}
	header .navbar-default .navbar-nav > li > a{
		text-align:center;
		border-bottom:1px solid #f7f7f7;}
		
	.translator {
		right:14.5%;
		top:16px;}
		
	.translator .flag{
		width:30px;
		margin-left:5px;
		display:inline-block;}	
		
	.about-sri-lanka .right-side-sri-lanka-wrapper .right-side-sri-lanka {
		position:relative;}
    .tour-emp .tour-emp-head {
        background: #fb7e18;
        display: table;
        padding: 10px 20px;
        width: 100%;
        word-break: break-word;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
    }

    .single-tour-package .tour-day{
        padding-left: 10px;
        padding-right: 10px;
    }

    .tour-pack-home .tour-top{
         display: block;
         max-width: 400px;
         position: relative;
         margin: 0 auto;           
    }

    .checkbox-cont{
        display: block;
        width: 100%;
    }

    .content-holder .content-wrapper .content{
        width: 100%;
        max-width: 450px;
    }

    .content-holder .content-wrapper .content .images{
        display: block;
        width: 100%;
    }

    .content-holder .content-wrapper .content .text{
        display: block;
        width: 100%;
        padding-left: 0px;
    }
    
    .destination-page .destinations .item{
        width: 100%;
        max-width: 360px;
        margin: 0px auto;
        margin-bottom: 40px;
    }
    
    .content-holder .content-wrapper .content .images{ display: none; }
    .content-holder .content-wrapper .content .images .image{ width: 100%; }

    .content-holder .content-wrapper .content .images::after {
        content: "";
        clear: both;
        display: table;
    }


    .things-to-do .item{
        width: 100%;
        max-width: 360px;
        margin: 0px auto;
        margin-bottom: 40px;
    }

    .about-back-container.about-back-1,
    .about-back-container.about-back-2{
        padding-bottom: 0px;
    }


    .about-back-container.about-back-1 p,
    .about-back-container.about-back-2 p{
        text-align: justify;
    }

    .about-back-container.about-back-1:after {
        width: 100%;
        top: 0px;
        bottom: 0px;
        left: 0px;
        display: block;
        height: 300px;
        position: relative;
    }

    .about-back-container.about-back-2:after {
        width: 100%;
        top: 0px;
        bottom: 0px;
        left: 0px;
        display: block;
        height: 300px;
        position: relative;
    }

    .footer-bottom p, .footer-bottom .web{
        text-align: center;
    }

    .foot-block{
        width: 341px;
        margin: 0px auto;
		margin-bottom:20px;
    }
	.foot-block h4{
		margin-bottom:15px;}
		.wrapper{
			padding-bottom: 28.25%;
			margin-top: 130px;}
		#about-us-home::before {
		background:none;}
		.tour-pack-home .single-tour-wrapper .overlay .days{
			font-size:14px;}
}


@media(max-width: 576px){
    /*.single-activity .content .main-image,
    .single-activity .content .desc{
        display: block;
        width: 100%;
        padding-left:0px;
        padding-right: 0px;
    }*/
}


/* Desktops ----------- */
@media(min-width: 992px){
    .navbar-nav > li > a {
        padding-top: 36px;
        padding-bottom: 40px;
    }
	.navbar-nav > li:nth-child(3) > a{
		padding-top: 36px;
        padding-bottom: 20px;}
    
    .mb30{
        margin-bottom: 30px !important;
    }
    
    .text-box{
        margin-top: 35px !important;
    }
    
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.translator {
		right:24.5%;
		top:16px;}
		
	.translator .flag{
		width:30px;
		margin-left:5px;
		display:inline-block;}
		
    .day-image-box {
        text-align: center !important;
    }
    
    .day {
        text-align: center !important;
        margin-bottom: 15px !important;
    }
    
	.mb30{
        margin-bottom: 20px !important;
    }
	.about-sri-lanka .right-side-sri-lanka-wrapper .right-side-sri-lanka {
		position:relative;}
	
    .navbar-brand {
        padding-left: 15px;
    }
    
    .slide-text {
        display: none;
    }
    
    .copy{
        text-align: center !important;
    }
    
    .popular-inner, .service-inner, .package, .blog-inner,
    .blog-wrapper, .blog-details-inner, .contact-inner, .destination, .gallery-inner, .hotels-details-inner, .tour-details-inner,
    .hotel-inner, .tour-inner{
        padding: 182px 0 50px !important;
    }
	header .hotline a{
		font-size:13px;
		margin-right:0;
		margin-bottom:2px;}
	.tour-pack-home .single-tour-wrapper .overlay .days{
		font-size:12px;}
	 header .top-bar { height: 105px; padding:10px 0; }
	.wrapper{
		padding-bottom:88%;
		margin-top:110px;}
	#about-us-home::before {
		background:none;}	
}