/*Media Queries*/

@media (max-width: 480px) {
	a.mobile-search {display:block;}
	#navigation .lower-bar .navbar:before {border-width: 0px 0px 50px 26px;}
	#navigation .upper-bar {width: 91%;}
	#navigation .upper-bar .pull-right {width: 100%;}
	#countries .wrap {position: relative;margin-bottom: 30px;}
	#navigation .mid-bar a {margin: 0 auto;}
	#navigation .mid-bar .left {width: 100%;}
	#navigation .mid-bar .right {width: 100%;text-align: center;}
	#navigation .lower-bar .navbar {margin-top: 0px;}
	.hsContainer .cont {width: 100%;margin: 16% auto;}
	.hsContainer .left {width: 100%;}
	.hsContainer .left h1 {text-align: left;margin: 0 auto;width: 86%;}
	.hsContainer .right {width: 90%;color: #FFF;border-left: 3px solid #FFF;padding-left: 16px;padding-right: 44px;}
	#re-son {margin: 0px 15px;}
	#depart .item .sub {margin: 30px;}
	.cont-head {text-align: center;width: 100%;margin: 0 auto;}
	#testimo .sl-ide .left {width: 100%;}
	#testimo .sl-ide .right {width: 100%;text-align: left;/*border-left: 1px solid #e1e1e1;padding: 6px 0px 6px 22px;*/margin-top: 16px;}
	#mag_blog .left-wrap h2 {position: absolute;top: 5%;color: #FFF;left: 20%;}
	.hsContainer .left h1 {font-size: 40px;}
	#countries .wrap .cont-head {width: 100%;background-color: rgba(0, 0, 0, 0.78);position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;margin: 0px;color: #FFF;padding: 20px;text-align: left;}
	#countries .wrap .cont-head p {margin: 15px 0px;}
	#mag_blog .right-wrap .blok .left {width: 100%;}
	#mag_blog .right-wrap .blok .right {width: 100%;}
	#mag_blog .right-wrap {padding: 54px 0px 0px 0px;}
	#mag_blog .container {border: none;}
	#info_page .tabbed {padding:0 5px 30px 5px;}
	#info_page .tabbed>a.btn-primary {position: absolute;top: 0px;right: 0px;left: 0;font-family: 'oswalddemibold';font-size: 40px;display: block;padding: 20px 10px 10px;border-radius: 0px 0px 0px 10px;text-align: center;}
	#theteam .owl-theme .item {width: 100%;margin: 15px auto;}
	.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0%;}
	.owl-theme .owl-controls .owl-buttons .owl-next {right: 0%;}
	#info_page .col-lg-4.col-md-4.col-sm-4.col-xs-6 {width: 100%;}
}

@media (min-width: 480px) and (max-width: 769px) {
	a.mobile-search {display:block;}
	#navigation .lower-bar .navbar:before {border-width: 0px 0px 50px 26px;}
	#countries .wrap {position: relative;margin-bottom: 30px;}
	#navigation .lower-bar .navbar {margin-top: 0px;}
	.hsContainer .cont {width: 100%;margin: 16% auto;}
	.hsContainer .left {width: 100%;}
	.hsContainer .left h1 {text-align: left;/*margin: 0 auto;*/width: 86%;}
	.hsContainer .right {width: 90%;color: #FFF;border-left: 3px solid #FFF;padding-left: 16px;padding-right: 44px;}
	#depart .item .sub {padding: 30px 30px;}
	#mag_blog .container {border: none;}
	#mag_blog .right-wrap {padding: 54px 0px 0px 0px;}
	#info_page .tabbed {padding: 10px 5px 30px 5px;}
	#info_page .tabbed>a.btn-primary {position: absolute;top: 0px;right: 0px;left: 0;font-family: 'oswalddemibold';font-size: 40px;display: block;padding: 20px 10px 10px;border-radius: 0px 0px 0px 10px;text-align: center;}
	#theteam .owl-theme .item {width: 100%;margin: 15px auto;}
	.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0%;}
	.owl-theme .owl-controls .owl-buttons .owl-next {right: 0%;}
}

@media (min-width: 993px) and (max-width: 1200px) {
	/*#navigation .lower-bar .navbar {width: 80%;}*/
	#navigation .lower-bar .navbar .navbar-nav {margin-left: 0;}

}
@media (min-width: 1200px) {
	#mag_blog .container {border: 1px solid #CCC;padding: 0px;width: 1120px;}
	#navigation .mid-bar a {		
        padding: 22px;		
    }		
    #navigation .mid-bar a:after {		
        border-bottom: 145px solid #94181b;		
    }
}

@media screen and (max-width: 991px) {
	.fac{
		margin-top: 15px;
	}
	.divider{
		border-right: none;
	}
	.nav {
		padding-left:2px;
		padding-right:2px;
	}
	.nav li {
		display:block !important;
		width:100%;
		margin:0px;
		border-right: none;
		padding: 0 10px 20px 20px;
	}
	.nav li.active {
		 margin: 0px;
	}
	#info_page .tabbed .nav-tabs>li{
		border: none;
		padding-bottom: 15px;
	}
	.fa-bars{
		font-size: 30px;
		color: #337ab7;
	}

	.navbar-header{
		border-bottom: 1px solid #f3f3f3;
		margin-bottom: 15px;
	}
    
    /* top hed */
    
    .header-right strong {	
        margin-top: 25px !important;
    }
    figure.hed-bg {
        top: 22px !important;
    }
    #uploader{
    	margin-bottom: 30px;
    }

}

/* Landscape tablet */
@media (min-width: 768px) and (max-width : 1199px) {
	#packages .pacage .item{margin-top: 30px;}

    .packageDetail .socialIcon{
    text-align: center;
    }
    .packageDetail .socialIcon a{
    margin: 0;
    }

    .packageDetail .socialIcon a .fa-twitter{
    margin-left: 5%;
    }

    #packageInfo .carousel-control .fa-chevron-left{
    left: -10%;
    }

    .accordionItemHeading div p{
    display: inline-block;
    width: 59%;
    padding-right: 10px;

    }

	#navigation .upper-bar .container {
		width: 100%;
		height: auto;
		padding: 0 30px;
	}
	#navigation .upper-bar .container:after {
		right: 0;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #d5ebfc;
	}
	#navigation .lower-bar .container {
		width: 100%;
		padding: 0;
	}
	#navigation .lower-bar .container .row {
		margin: 0;
	}
	#navigation .lower-bar .container .row .col-lg-10 {
		width: 100%;
		height: auto;
		padding: 0;
	}
	#navigation .lower-bar .container .row .col-lg-10 .navbar-nav {
		width: 100%;
		text-align: center;
	}
	#navigation .lower-bar .container .row .col-lg-10 .navbar-nav>li {
		float: none;
		display: inline-block;
	}
	#navigation .mid-bar a {
		position: relative;
		top: auto;
	}
	#slide-1 .bcg .hsContainer .cont {
		padding: 0 50px;
	}
	.pacage .item .img-holder {
	    width: 100%;
	    height: 210px;
	    position: relative;
	}
	#mag_blog>.container {
		border: 0;
		width: 100%;
		padding: 0 30px;
	}
	#mag_blog>.container>.row {
		margin: 0;
	}
	#mag_blog>.container>.row>.col-lg-12 {
		padding: 0;
	}
	#mag_blog>.container>.row>.col-lg-12 .blog-wrap {
		border: 1px solid #CCC
	}

	#affiliation .down .group ul li{
        margin: 0 8px;
    }

    #affiliation .social i{
        margin-right: 19px;
    }

    footer .red ul.list-unstyled{
        line-height: 25px;
    }

    .head-wrap .header-left {		
        left: 19px;		
    }	
    
    /* top hed */
    
    .header-right strong {		
        font-size: 18px;
        padding-left: 30px;
        margin-top: 40px;
    }
    figure.hed-bg {
        top: 44px;
    }
    figure.hed-bg img {
        width: 80%;
        display: inline-block;
        float: right;
    }
    
    
    #navigation .mid-bar a {		
        padding: 5px;		
    }		
    		
    #navigation .mid-bar a:before {		
        border-top: 111px solid #94181b;		
    }		
    #navigation .mid-bar a:after {		
        border-bottom: 111px solid #94181b;		
    }		
    .header-right strong:before {		
        border-left: 25px solid transparent;		
        left: -25px;		
    }		
    .header-right strong:after {		
        border-right: 25px solid transparent;		
        right: -25px;		
    }
    
    


}

@media only screen and (max-width: 768px) {		
    /* top hed */
    
    .header-right strong {		
        font-size: 15px;
        line-height: 20px;
        margin-top: 17px !important;
    }
    figure.hed-bg {
        top: 12px !important;
    }
}

/* Portrait tablet @media (min-width: 768px) and (max-width : 979px) */
@media (min-width: 768px) and (max-width : 991px) {
	#navigation .lower-bar .navbar {/*width: 95%;*/margin-top: 0px;}
	.cont-head .text h2 {display: block;}
	.cont-head .text p {display: none;}
	#navigation .lower-bar .navbar .navbar-nav {margin-left:0;}
	#navigation .lower-bar .navbar .navbar-nav>li>a {font-size: 12px;}
	.hsContainer .cont {width: 80%;}
	#mag_blog .right-wrap {padding: 54px 30px 54px 30px;}
	#theteam .owl-theme .item {width: 90%;margin: 15px auto;}
	.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0%;}
	.owl-theme .owl-controls .owl-buttons .owl-next {right: 0%;}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}

	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.tabbed .navbar-collapse.collapse.in {display: block !important;}

	#affiliation .connected{
	    margin-left: 5% !important;
	}
	#affiliation {
	    margin-bottom: 45px;
	}

    #affiliation .connected{
        margin: 15px auto;
    }
    #affiliation .down .group ul li{
    	margin: 0 10px;
    }
    #affiliation .down .group ul li img{width:80%;}

    #affiliation .social i{
        font-size: 62px;
    	margin-right: 51px;
    }

    #affiliation .down .social h3{
        text-align: center;
    }
    #affiliation .down .row .col-sm-offset-2 {
	    margin-left: 16.66666667% !important;
	}
	#affiliation .down .social{
	    margin-top: 15px;
	}

    footer .list-unstyled{
        line-height: 25px;
    }

	#navigation .lower-bar .container .row .col-lg-10 {
		overflow: hidden;
	}
	#navigation .lower-bar .container .row .col-lg-10:after {
		border-left: 0 solid transparent;
		border-right: 0px solid transparent;
		border-bottom: 0px solid #363636;
	}
	#navigation .lower-bar .social {
		width: 45%;
		float: left;
		padding: 0 30px;
	}
	#navigation .lower-bar .social a {
		font-size: 20px;
		color: #fff;
		padding: 10px 5px;
		display: inline-block;
	}
	#navigation .collapse-icon {
		float: right;
		width: 45%;
		text-align: right;
	}
	#navigation .mid-bar>.container {
		width: 100%;
	}
	.head-wrap .header-left {
		padding-left: 15px;
	}
	#navigation .mid-bar .header-right {
		padding-right: 25px;
	}

	#wrap.menu {
		right: 	0;
		transition: all .7s ease 0s;
		-moz-transition: all .7s ease 0s;
		-webkit-transition: all .7s ease 0s;
	}
	#wrap.menu-open {
		right: 250px;
	}
	#wrap.menu-open #nav-slider {
		right: 0;
	}
	#countries {
		padding: 100px 15px 100px;
	}
	#countries>.container {
		width: 100%;
	}
	#packages {
		padding-left: 15px;
		padding-right: 15px;
	}
	#packages>.container {
		width: 100%;
	}
	#packages .pacage .item .sub h2 {
		font-size: 15px;
	}
	.head-wrap .header-left {		
        padding-left: 40px;		
    }
}

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    .header-right strong{
        margin-top: 45px !important;
    }
    .header-right strong:before {
        display: inline-block !important;
    }
	#wrap.menu {
		right: 	0;
		transition: all .7s ease 0s;
		-moz-transition: all .7s ease 0s;
		-webkit-transition: all .7s ease 0s;
	}
	#wrap.menu-open {
		right: 250px;
	}
	#wrap.menu-open #nav-slider {
		right: 0;
	}
	#affiliation .down .group{
        text-align: center;
        padding: 0 7px 10px 7px;
    }
    #affiliation .down .group h3{
        border-right: none;        
    }
    #affiliation .connected{
        text-align: center;
        margin-top: 15px;
    }
    #affiliation .down .social{
        margin-top: 24px;
    }

	footer .red .bottom p{
	    text-align: center;
	}
	.pacage .item .img-holder {
	    width: 100%;
	    height: auto;
	    position: relative;
	}
	.divider{
		padding: 0;
	}
	.owl-theme .owl-controls .owl-buttons div {
		top: 39%;
		margin: 0;
	}
	.head-wrap .header-left {		
        left: 60px;		
    }	
    #navigation .mid-bar a {		
        padding: 5px;		
    }		
    .header-right strong:after {		
        border-bottom: 67px solid #1f415a;		
    }		
    #navigation .mid-bar a:before {		
        border-top: 111px solid #94181b;		
    }		
    #navigation .mid-bar a:after {		
        border-bottom: 111px solid #94181b;		
    }
    .header-right strong:after, .header-right strong:before{
        display: none;
    }
    .head-wrap .header-right{
        margin: 0;
    }		
    .head-wrap .header-left {		
        left: 0;	
        text-align: center;	
    }	
    .head-wrap .header-left, .head-wrap .header-right{
        display: block;
    }	
    .head-wrap {		
        text-align: left;		
    }
    
    /* top hed */
    
    figure.hed-bg {
        top: 62px !important;
        opacity: 0.2;
    }
    ul.aff-item {
	    display: block;
	}
	#affiliation .down .group ul.list-only li{
	    margin-right: 20px;
	}
	#affiliation .down .group ul.list-only li:last-child {
	    margin-right: 0px;
	}
	#affiliation .down .group ul li { display: block; }
	footer .travellife img {            
        width: 250px !important;
    }
    .plupload_wrapper{
    	min-width: auto !important;
    }
    .header-form {
    	background: #fff none repeat scroll 0 0;
		position: absolute;
		right: 40px;
		/*top: 205px;*/
		transition: all 0.3s ease 0s;
		display: none;
		width: 305px;
	}
}		
@media only screen and (max-width: 640px) {		
    		
   /* #navigation .mid-bar .header-right strong {		
        padding: 29px 35px 29px 0;		
    }	*/
    
 figure.hed-bg {
    top: 45px !important;
}   
.header-right strong {
    margin-top: 35px !important;
}    
    		
    		
}		
@media only screen and (max-width: 568px){		
    		
    /*#navigation .mid-bar .header-right strong {		
        padding: 9px 35px 9px 0;		
    }*/	
    /*.header-right strong:before {		
        border-top: 98px solid #95181c;		
    }*/		
}		
@media only screen and (max-width: 480px) {		
    		
    /*#navigation .mid-bar .header-right strong {		
        font-size: 18px;		
    }*/	
    .head-wrap .col-xs-4, .head-wrap .col-xs-8{
        width: 100%;
    }
    figure.hed-bg{
        display: none;
    }
    .header-right strong {
        margin-top: 45px !important;
    }
    #navigation .mid-bar .header-right {
        display: inline-block;
        margin-left: 120px;
    }
    .header-right strong {
        margin: 0px!important;
    }
    .header-left a {
        width: 60%;
    }
    		
    footer .travellife img {            
        width: 220px !important;
    }		
    .plupload_header_content {
	    padding: 0 70px 0 60px !important;
	}
}		
@media only screen and (max-width: 375px) {		
    		
    #navigation .mid-bar .header-right strong {		
        font-size: 13px;		
    }
    
	#testimo .sl-ide .left{
		display: block;
	}
	.left figure{
		margin-bottom: 20px;
	}
    #navigation .mid-bar .header-right {
        margin-left: 90px;
    }
    #affiliation .down .group ul.list-only li {
	    margin-right: 0px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	    left: 0;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	    right: 0;
	}
    footer .travellife img {            
        width: 170px !important;
    }		
}		
@media only screen and (max-width: 320px){		
    		
	#navigation .mid-bar .header-right {		
	    line-height: 22px !important;		
	}
	footer .travellife img {            
	    width: 150px !important;
	}	
	.header-form {
    	background: #fff none repeat scroll 0 0;
		position: absolute;
		right: 40px;
		/*top: 187px;*/
		transition: all 0.3s ease 0s;
		display: none;
		width: 275px;
	}	   		
}