@charset "utf-8";

/*!
 * TOYOTA BASVURU MERKEZI - 01/10/2018
 * Front End Developer: Ferdi Tarakci
 */

@-ms-viewport {
	width: device-width
}
@-o-viewport {
	width: device-width
}
@viewport {
	width: device-width
}

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

	.container,
	.container_12 {
		width: 100%;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media only screen and (min-width: 1367px) and (max-width: 1680px) {

	.home-boxs .text {
		padding: 10px 40px;
	}
	.home-boxs .box:not(.call-center) .box-title {
		font-size: 24px;
	}
	.home-boxs .call-center .box-title {
		font-size: 15px;
	}

}


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

	#content header .page-title {
		font-size: 24px;
	}
	.home-boxs .text {
		padding: 10px 30px;
		font-size: 14px;
	}
	.home-boxs .box:not(.call-center) .box-title {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 20px;
	}
	.home-boxs .call-center .box-title {
		font-size: 13px;
	}
	.form-content h2 {
		font-size: 60px;
	}
	.form-content p {
		font-size: 20px;
	}
	.form-content p span {
		font-size: 36px;
	}
	.form-content button.btn span {
		line-height: 46px;
		font-size: 18px;
	}
	.form-content .inline-wrap {
		width: 100%;
	}
	.form-content label.s2 > span {
		font-size: 22px;
	}
}


@media only screen and (min-width: 993px) and (max-width: 1366px) and (max-height: 600px) {

	body {
		font-size: 14px;
	}

	#content .outer {
		padding: 120px 0 100px;
	}

	#content header {
		height: 120px;
	}

	#content footer {
		height: 100px;
	}
}

@media only screen and (max-width: 992px), only screen and (max-height: 600px) {

	#content {
		height: auto;
	}

		#content .fixed-fixes,
		#content .outer,
		#content .inner {
			height: auto;
		}

		#content .outer {
			padding-top: 0;
			padding-bottom: 0;
		}

		#content header,
		#content footer {
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			height: auto;
			padding-top: 10px;
			padding-bottom: 10px;
		}

			#content header .page-title {
				font-size: 20px;
			}

	.home-boxs .box {
		height: 250px;
	}
}

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

	.model-lists {
		display: none;
	}
	.model-lists-wrapper {
		display: block !important;
	}
	.model-lists-wrapper + .btn-wrap {
		margin-top: 40px !important;
	}

}



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

	body {
		font-size: 14px;
	}

	#content header .page-title {
		font-size: 24px;
	}

	.home-boxs .text {
		font-size: 13px;
	}
	.pages {
		left: 30px;
	}
	.pages .first-number {
		padding-bottom: 42px;
	}
	.pages .last-number {
		padding-top: 42px;
	}
	.pages .first-number::before,
	.pages .last-number::before {
		height: 40px;
	}

	.form-content .form-content-inner {
		padding-left: 110px;
		padding-right: 70px;
	}
	.model-lists-wrapper {
		margin-left: -110px;
		margin-right: -70px;
	}
	.form-content h2 {
		font-size: 50px;
	}
	.form-content p {
		font-size: 16px;
	}
	.form-content p span {
		font-size: 26px;
	}
	.form-content button.later span {
		line-height: 56px;
		font-size: 18px;
	}
	.form-content button.yes span {
		line-height: 56px;
		font-size: 32px;
	}

	.form-content .inline-wrap {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
    .form-content .inline.w33,
    .form-content .inline.w50,
    .form-content .inline.w100 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
	.form-content .inline.w50 .btn-wrap {
		position: relative;
		right: auto;
		bottom: auto;
	}

	.form-content .inline + .inline {
		margin-top: 40px;
	}

	.form-content .inline .checkbox:first-child {
		margin-top: 0;
	}

	.form-content label > span,
	.form-content label.s2 > span {
		font-size: 20px;
	}

	.form-content h3 {
		font-size: 36px;
	}

}

@media only screen and (min-width: 841px) and (max-width: 992px) {

    .home-boxs .hybrid-logo {
        padding: 15px 30px;
    }
    .home-boxs .hybrid-logo img {
        width: 200px;
    }

}

@media only screen and (min-width: 641px) and (max-width: 840px) {

    .home-boxs .hybrid-logo {
        padding: 10px;
    }
    .home-boxs .hybrid-logo img {
        width: 140px;
    }

}

@media only screen and (min-width: 641px) and (max-width: 992px) {

	.home-boxs .grid_3 {
		width: 50%;
	}
	.home-boxs .grid_4 {
		width: 75%;
	}
	.home-boxs .grid_2 {
		width: 25%;
	}

}

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

	#content header .page-title {
		font-size: 22px;
	}
	.form-content {
	
	}
	.form-content .form-content-inner {
		padding-left: 80px;
		padding-right: 30px;
	}
	.model-lists-wrapper {
		margin-left: -50px;
		margin-right: -30px;
	}

	.form-content button.btn span {
		line-height: 42px;
		font-size: 16px;
	}

	.form-content h3 {
		font-size: 32px;
	}

}


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

	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	body {
		font-size: 13px;
	}

	#content header .page-title {
		font-size: 20px;
	}


	#content .home-btn {
		min-width: 0;
		padding: 5px 30px 7px;
		line-height: 14px;
		font-size: 12px;
		border-radius: 25px;
	}
	#content .legal-btn {
		min-width: 0;
		margin-top: 0;
		padding: 0;
		line-height: 14px;
		font-size: 12px;
		border-radius: 0;
		border: 0;
	}

	.home-boxs .box:not(.call-center) .box-title {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 22px;
		bottom: 35px;
	}
	.home-boxs .call-center .box-title {
		font-size: 16px;
	}
	.home-boxs .box .text .box-title {
		left: auto !important;
	}

	.home-boxs .box .text {
		padding: 10px 30px;
		font-weight: 400;
	}

	.home-boxs .grid_6 {
		width: 100%;
	}
	.home-boxs .grid_3 {
		width: 50%;
	}
	.home-boxs .grid_4 {
		width: 80%;
	}
	.home-boxs .grid_2 {
		width: 20%;
	}
    .home-boxs .hybrid-logo {
        padding: 10px 20px;
    }
    .home-boxs .hybrid-logo img {
        width: 160px;
    }
	.form-content .inline {
		display: block;
		width: 100%;
		max-width: none;
	}
	.form-content label {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.form-content input[type="text"],
	.form-content select,
	.form-content textarea {
		width: 100%;
		min-width: 0;
	}
	.form-content .btn-wrap {
		margin-left: 0;
		margin-right: 0;
	}

	.form-content h2 {
		font-size: 46px;
	}
	.form-content p {
		font-size: 14px;
	}
	.form-content p span {
		font-size: 20px;
	}
	.form-content button.later span {
		line-height: 52px;
		font-size: 16px;
	}
	.form-content button.yes span {
		line-height: 52px;
		font-size: 30px;
	}

}

@media only screen and (max-height: 640px) {

	.pages .first-number, .pages .last-number {
		display: none !important;
	}

}

@media only screen and (max-height: 500px) {

	.pages {
		display: none !important;
	}

}

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

	#content header .page-title {
		font-size: 18px;
	}

	.form-content button.later span {
		margin-left: 5px;
		margin-right: 5px;
		padding: 0 15px;
		font-size: 15px;
	}
	.form-content button.yes span {
		margin-left: 5px;
		margin-right: 5px;
		padding: 0 15px;
		font-size: 26px;
	}
	.form-content .socials img {
		margin-left: 6px;
		margin-right: 6px;
	}
}

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

	body {
		font-size: 12px;
	}

	#content header .page-title {
		font-size: 16px;
	}

	#content .home-btn span {
		display: block;
	}

	.home-boxs .grid_3,
	.home-boxs .grid_6 {
		width: 100%;
	}
	.form-content h3 {
		font-size: 26px;
	}
	.form-content .socials img {
		margin-left: 4px;
		margin-right: 4px;
	}
}







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

	.form-content button.later span {
		padding: 0 10px;
		font-size: 14px;
	}
	.form-content button.yes span {
		padding: 0 10px;
		font-size: 24px;
	}
	.form-content .socials img {
		margin-left: 2px;
		margin-right: 2px;
	}
}

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

	body {
		font-size: 11px;
	}

	.home-boxs .box .text {
		padding: 10px;
	}
    .home-boxs .hybrid-logo {
        padding: 10px;
    }
    .home-boxs .hybrid-logo img {
        width: 120px;
    }
	.pages {
		left: 10px;
	}
	.form-content .form-content-inner {
		padding-left: 50px;
		padding-right: 15px;
	}
	.model-lists-wrapper {
		margin-left: -50px;
		margin-right: -15px;
	}
	.form-content h2 {
		font-size: 42px;
	}
	.form-content p {
		font-size: 14px;
	}
	.form-content p span {
		font-size: 18px;
	}
	.form-content h3 {
		font-size: 24px;
	}

	.form-content button.later span {
		margin-left: 4px;
		margin-right: 4px;
		padding: 0 8px;
	}
	.form-content button.yes span {
		margin-left: 4px;
		margin-right: 4px;
		padding: 0 8px;
		font-size: 20px;
	}
}