@media only screen and (max-width: 767px) {

	#header {
		height: 60px;
	}

	.survey-screens h4 {max-width: 302px;}
	.survey-questions-area .picker-container { max-width: 295px; }
	.survey-next.d-inline-block {margin-left: 15px !important;}
	.survey-free-text {max-width: 295px;}
	.survey-screens button.survey-back, button.survey-next {width:140px !important;}
	.survey-screen-1 p {padding-left: 24px; padding-right: 24px;}
	.survey-screen-7 p {padding-left: 24px; padding-right: 24px;}

	.btn-new-address { width: 100% !important; }

	.btn-internet-sube{margin-top: 20px;}

	/* kvk */
	.flex-col-reverse-on-mobile {
		flex-flow: column-reverse;
	}
	.kvk-body {
		margin-top: 0 !important;
	}
	.kvk-wrapper {
		margin-left: 20px !important;
		margin-right: 20px !important;
		margin-top: 50px !important;
	}

	.kvk-close {
		margin-top: 0 !important;
		margin-right: 20px !important;
	}

	.kvk-accept, .kvk-reject {
	 	width: 100% !important;
	 	margin-right: 0;
	}

	.kvk-accept {
		margin-bottom: 20px;
	}

  	/* page 2 */
	.user-data {
		margin-top: 30px;
	}
	.mb--20-responsive { margin-bottom: 20px !important; }
	.button-area {
		margin-bottom: 30px;
	}
	/* page 2 */

    .ab-logo {
        margin-bottom: 0;
    }

	.security_code {
		width: 100% !important;
		margin-top: 10px;
	}

    /*.header-info-text-wrapper { padding-left: 0; margin-bottom: 20px; }*/
    /*.header-info-text { text-align: left; padding-top: 0; }*/

    .width-300 {
        width: 100%;
    }

	input[name='savedNewAddress'] {
		background: none !important;
	}

	.timepicker-container {
	    flex-direction: column;
	}

	.mt-20-responsive { margin-top: 20px; }

	.modal-header > .close {
		margin-top: 10px;
	}

	.faq-title { margin-left: 15px; }

	.faq-text p {
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	.padding-5-responsive {
		padding-right: 15px;
	}

	#bar-area { width: 100%; }

	.new-address { margin-right: 0; }

	.currency-picker { background-position: 95% 50% !important; }

	.cong-text {
		font-size: 20px !important;
		text-align: center;
		margin-top: 30px !important;
	}

	.section-body {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.section-header h2 {
		margin-top: 30px;
		margin-left: 20px;
		margin-right: 30px;
	}
/*
	h2.helper-title {
		font-size: 16px !important;
	}*/

	.header-info-text {
		/*font-size: 14px;*/
		font-size: 11px;
		margin: 0;
	}

	.section-footer {
		margin-left: 20px;
		margin-right: 20px;
        flex-flow: column-reverse;
	}

	.section-footer button {
		width: 100% !important;
		margin-right: 0;
	}

	.section-footer > button.btn-abort {
		margin-top: 20px;
	}

	.forget-password { margin-right: 0; }

	.screen {
		padding-left: 20px;
		padding-right: 20px;
	}

	.button-area button {
		width: 100% !important;
	}

	.btn-anadolubank-geri {
		margin-bottom: 20px;
	}

	.content-right-section {
		margin-top: 20px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.address-container {
		padding: 0 !important;
	}

	.address-container:first-child
	{
		margin-bottom: 10px !important;
	}

	input[name='sms_verifycation_code'] {
		width: 100% !important;
	}

	.timepicker-wrapper {
		margin-left: 0;
		margin-top: 20px;
	}

	.reminder-modal-btn-area {
		padding: 0 !important;
	}

	.reminder-modal-btn-area button {
		width: 100% !important;
		margin-top: 60px;
	}

	#welcome-screen {
		margin-top: 12px;
	}

	.welcome-screen-box {
		padding-bottom: 31px;
		height: unset !important;
	}

	.continue-from-web-wrapper {
		padding: 10px;
	}
	.continue-from-app-wrapper {
		padding: 10px;
	}

	.continue-from-web, .continue-from-app {
		width: 47px;
		height: 40px;
		margin-inline: auto;
		margin-top: 29px;
		margin-bottom: 14px;
	}

	.start-text {
		font-size: 14.36px;
		line-height: 22px;
		letter-spacing: -0.6527059674263px;
	}

	.center-text {
		font-size: 18px;
		line-height: 22px;
	}

	.loanRateImg, .loanRateImg2 {
		height: 76px;
		margin-bottom: 10px;
	}

	.loanRateImg2 { margin-top: 10px;}

	.end-text {
		font-size: 16.32px;
		line-height: 20.23px;
		margin-bottom: 16px;
	}

	.continue-from-web-btn, .continue-from-app-btn {
		width: unset;
		height: unset;
		padding-inline: 18px;
		padding-block: 7px;
		font-size: 10px;
		line-height: 15px;
		margin-top: 0;
	}

}


@media only screen and (min-width: 768px){
	.scene-5 > .section-footer > button {
		width: auto;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 990px) {

	.continue-from-app-wrapper { padding-left: 15px; padding-top: 10px; }
	.continue-from-web-wrapper { padding-right: 15px; padding-bottom: 5px; }

	#bar-area { width: 100%; }

	div.renkli-hesap-body > div.row > div.form-group.col-12.col-sm-4 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}
	input[name='sms_verifycation_code'] {
		width: 100% !important;
	}
	p.renkli-hesap-info {
		font-size: 12px;
	}
	div.content-left-section {
		padding: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	div.content-right-section {
		margin-top: 20px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.modal-header {padding-bottom: 0;}
	.faq-title { margin-bottom: 40px; }
	.faq-text p:first-child {
		margin-top: 0px;
	}

	.faq-text  p {
		margin-left: 10px;
		text-align: left;
	}

	.address-container {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	div.picker-address-area > div.col-12.col-md-10.m-0.p-0 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/*.datepicker--container, .timepicker-container {*/
	/*	-ms-flex: 0 0 50%;*/
	/*	flex: 0 0 50%;*/
	/*	max-width: 50%;*/
	/*}*/

	/* Template Settings */

	.section-header h2 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.section-body {
		margin-left: 30px;
		margin-right: 30px;
	}
}

/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71) and (-webkit-min-device-pixel-ratio: 2) {
	.mobile-app-banner { font-size: 13px; }
	.final-screen-area-mobile > span { vertical-align: middle; }
	#bar-area { width:100% }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.flex-col-reverse-on-mobile {
		margin-top: -20px;
	}
}