/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.topMenu ul {
		display: none;	
		position: absolute;
		width:100%;
		background-color: #1E798E;	
		z-index: 10;
	}
	.topMenu ul li {
		display: block;
		float:none;
	}
    
    .bottom_form input {
        display: block;
        margin: 20px auto;
        
    }
    .bottom_form button {
        width: 300px;
        
    }
 
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.logo_text {width:auto;}
	.quest, .quest2, .quest3, .quest4, .quest5, .quest6, .quest7, .quest8, .quest9, .quest10, .quest11, .quest12, .quest13, .quest14, .quest15, .quest16, .quest17, .quest18, .quest19, .quest20, .quest21, .quest22, .quest23, .quest24, .quest25, .quest26, .quest27, .quest28, .quest29, .quest30, .quest31, .quest32, .quest33, .quest34, .quest35, .quest36, .quest37, .quest38, .quest39, .quest40, .quest41, .quest42, .quest43, .quest44, .quest45, .quest46, .quest47, .quest48, .quest49, .quest50 {max-width: 100%;}
    .bottom_form button,  .bottom_form input {
        width: 100%;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.topMenu ul {display: block;}

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1160px;
	}
}

@media only screen and (max-width: 480px) {
	iframe {
		width: 100%;
		height: 220px;
	}
	
	iframe.dronos {
		width: 310px;
		height: 185px;
	}
	.topMenu ul {
		display: block;
		position: relative;
	}
	
	.logo_img {
		width: 300px;
		top: 0;
		right: 0;
		float: none;
		text-align: center;
	}
	.text_top {
		font-size: 20px;
	}
	.text_top p {
		line-height: 33px;
	}

	.quest,
	.quest1, .quest2,
	.quest3, .quest4,
	.quest5, .quest6,
	.quest7, .quest8,
	.quest9, .quest10,
	.quest11, .quest12,
	.quest13, .quest14,
	.quest15, .quest16,
	.quest17, .quest18,
	.quest19, .quest20,
	.quest21, .quest22,
	.quest23, .quest24,
	.quest25, .quest26,
	.quest27, .quest28,
	.quest29, .quest30,
	.quest31, .quest32,
	.quest33, .quest34,
	.quest35, .quest36,
	.quest37, .quest38,
	.quest39, .quest40,
	.quest41, .quest42,
	.quest43, .quest44,
	.quest45, .quest46,
	.quest47, .quest48,
	.quest49, .quest50 
	
	
	{
		height: 215px;
		background-size: 150% 100%;
	}
	.title_quest {
		font-size: 18px;
	
	}
	.male {
		font-size: 21px;
	
	}
	.pg {
		font-size: 26px;
		margin-top: 115px;
	
	}
	.quest5 .male,
	.quest3 .male,
	.quest2 .male,
	.quest4 .male,
	.quest9 .male,
	.quest10 .male,
	.quest11 .male,
	.quest12 .male,
	.quest13 .male,
	.quest14 .male,
	.quest15 .male,
	.quest16 .male,
	.quest17 .male,
	.quest18 .male,
	.quest19 .male,
	.quest20 .male,
	.quest21 .male,
	.quest22 .male,
	.quest23 .male,
	.quest24 .male,
	.quest25 .male,
	.quest26 .male,
	.quest27 .male,
	.quest28 .male,
	.quest29 .male,
	.quest30 .male,
	.quest31 .male,
	.quest32 .male,
	.quest33 .male,
	.quest34 .male,
	.quest35 .male,
	.quest36 .male,
	.quest37 .male,
	.quest38 .male,
	.quest39 .male,
	.quest40 .male,
	.quest41 .male,
	.quest42 .male,
	.quest43 .male,
	.quest44 .male,
	.quest45 .male,
	.quest46 .male,
	.quest47 .male,
	.quest48 .male,
	.quest49 .male,
	.quest50 .male
	
	{
		margin-top: 70px;
	}
	.quest10 .male {
		margin-top: 40px;
	}
	.quest8 .male {
		margin-top: 20px;
	}
	.quest7 .male {
		margin-top: 20px;
	}

	.booking-frame iframe {
		height: 380px;
	}
}