/*============================================================================
                        RESPONSIVE CSS WITH MEDIA 
=============================================================================*/


@media(max-width:1024px) {
/*.boxed, .container {
    width: 100% !important;
}	
*/
}
@media(max-width:1200px) {

}
/*=============  MEDIA 1200px   =============*/
@media(min-width:541px) {
.top-head hr{
	display:none;}	
.top-head .pull-left .fa-briefcase{
	margin-left:15px;}	
}
@media(min-width:992px) {

}
@media (min-width: 1025px){
.pkg .price p {
    margin-bottom: 10px;
}
}
/*=============  MEDIA 1024px   =============*/
@media(max-width:992px) {
	.logo {
    width: 190px;
    margin-top: 15px;
	display: block;
}	
.info {
    margin-left: 0;
}
.tiger {
    margin-top: -90px;
}
.tours h2 {
    font-size: 27px;}
footer [class*=col-]{
	margin-bottom:25px;
	}
.phgallery .thumb{
    padding: 0px;
    width: 33.3333%;
    padding-top: 30%;}	
}
/*=============  MEDIA 767px   =============*/
@media(max-width:767px) {
.tours [class*=box] {
    display: block;
	max-width: 377px;
    margin: 15px auto;
    float: none;
}


}

/*=============  MEDIA 600px   =============*/
@media (max-width:750px) {
header{
	text-align:center;}
.logo {
    margin: auto;
}	
.form .header {
	padding:15px;
    display: block;}
.form .text-left, .form .text-right {
    display: block;
}
.form .footer{

	background-size: cover;}
	.tiger {
    margin: 0 auto -25px;
    float: none;
}
}
/*=============  MEDIA 540px   =============*/
@media(max-width:540px) {
.phgallery .thumb{
    padding: 0px;
    width: 50%;
    padding-top: 48%;}
}
/*=============  MEDIA 480px   =============*/
@media(max-width:480px) {
.form form {
    padding: 40px 20px 0;
}

}
/*=============  MEDIA 320px   =============*/
@media(max-width:370px) {
.flp .col-xs-6{
	width:100%;
	float:none;}
.flp .btn{
    margin-top: 40px;
	
}	
.phgallery .thumb{
    padding: 0px;
    width: 100%;
    padding-top: 90%;}
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px
    }
}