@media (max-width: 1200px){
	.headerMenuItem {
		font-size: 15px;
	}

	.productText {
		width: 240px;
	}

	.productText span {
		margin-top: 28px;
		font-size: 30px;
		line-height: 30px;
	}

	.clockInnerCenter {
		font-size: 65px;
		line-height: 65px;
	}

	.clockHour, .clockMin {
		width: 71px;
	}
}

@media (max-width: 996px){
	.headerLogo {
		width: 240px;
		margin-top: 6px;
	}

	.headerMenu {
		margin-top: 21px;
	}

	.headerMenuItem {
		margin: 0 4px;
		padding: 4px;
		font-size: 13px;
	}

	.product {
		margin-top: -70px;
	}

	.productTitle {
		font-size: 24px;
	}

	.productText {
		width: 220px;
	}

	.productText span {
		font-size: 24px;
		line-height: 24px;
		margin-top: 36px;
	}
}

@media (max-width: 992px){
	.ui.grid>.column.row>[class*="twelve wide"].column {
		width: 100% !important;
	}

	.formProduct, .successProduct {
		width: 106%;
		margin-left: -3%;
	}
}

@media (max-width: 790px){
	.formProduct .productInner, .successProduct .productInner {
		width: 63%;
	}
}

@media (max-width: 770px){
	.editableProduct .clockInnerMin, .editableProduct .clockInnerHour {
		display: none;
	}

	.clockInnerMinSelect, .clockInnerHourSelect {
		float: left;
		left: 0;
		position: relative;
		text-align: left;
		display: block;
		padding-left: 0;
	}

	.clockInnerMinSelect option, .clockInnerHourSelect option {
		float: left;
	}

	.formProduct .productInner, .successProduct .productInner {
		width: 61%;
	}

	.modals.dimmer .ui.scrolling.modal {
		margin: 0 !important;
		width: 100%;
	}

	.dimmed.dimmable>.ui.animating.dimmer, .dimmed.dimmable>.ui.visible.dimmer, .ui.active.dimmer {
		padding: 5px;
	}

	.headerMenu {
		display: none;
	}

	.nasilClose {
		font-size: 30px;
	}

	.clockHour, .clockMin {
		width: 56px;
	}

	.clockInnerCenter {
		font-size: 40px;
	    line-height: 65px;
	    padding-top: 4px;
	}

	.clockDot {
		width: 20px;
		padding-top: 9px;
	}

	.clockInnerCenter.clockInnerHour, .clockInnerCenter.clockInnerMin {
		width: 57px;
		font-size: 50px;
		line-height: 55px;
	}

	.mobileMenu {
		display: inline-block;
		top: 30px;
	}

	.headerLogo {
		width: 248px;
		margin-top: 5px;
		display: inline-block;
	}

	.headerArea {
		background-color: #090729;
		position: relative;
	}

	.product {
		margin-top: -70px;
	}

	.nasil1 {
		margin-left: -50px;
		margin-top: -20px;
	}

	.nasil1 .nasilArrow {
		width: 50px;
	}

	.nasil1 .nasilText {
		font-size: 15px;
		line-height: 15px;
		margin-left: -70px;
	}

	.nasil2 {
		margin-top: -10px;
		margin-right: -110px;
	}

	.nasil2 .nasilText {
		font-size: 15px;
		line-height: 15px;
		margin-right: -80px;
	}

	.nasil2 .nasilArrow {
		width: 60px;
	}

	.nasil3 {
		margin-left: 30px;
		margin-top: -180px;
	}

	.nasil3 .nasilArrow {
		width: 60px;
		transform: rotate(52deg);
		margin-top: 20px;
		margin-left: -50px;
	}

	.nasil3 .nasilText{
		font-size: 15px;
		line-height: 15px;
	}

	.nasil4 {
		margin-left: 70px;
		margin-top: -20px;
	}

	.nasil4 .nasilArrow {
		width: 50px;
		transform: rotate(260deg);
	}

	.nasil4 .nasilText {
		margin-left: -190px;
		font-size: 15px;
		line-height: 15px;
		margin-top: 10px;
	}

	.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row), .ui.centered.grid>.row>.column:not(.aligned):not(.justified), .ui.grid .centered.row>.column:not(.aligned):not(.justified) {
		width: 100% !important;
	}

	.contentInnerTitle {
		font-size: 14px;
		font-weight: 100;
		font-size: 12px;
	}

	.pickTimeItem {
		width: 140px;
		height: 140px;
	}

	.pickTimeProduct {
		width: 118px;
		height: 46px;
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: 45px;
		padding-top: 12px;
		font-size: 18px;
	}

	.productText {
		width: 250px;
	}

	.productText span {
		margin-top: 35px;
	}

	.productInner {
		width: 59%;
	}

	.footerArea {
		height: 150px;
	}

	.footerCopyright {
		float: left;
		margin-left: 0;
		width: 100%;
	}

	.footerSocial {
		float: left;
		width: 100%;
		margin-top: -20px;
	}

	.successContent .formTitle {
		font-size: 14px;
		margin-top: -30px;
	}

	.productArea {
		padding-bottom: 40px;
	}
}

@media (max-width: 732px){
	.productText {
		width: 240px;
	}
}

@media (max-width: 714px){
	.productText {
		width: 230px;
	}
}

@media (max-width: 697px){
	.productText {
		width: 220px;
	}
}

@media (max-width: 680px){
	.clock {
		width: 48px;
	}

	.clockArea {
		margin-top: 9px;
	}

	.clockInnerCenter.clockInnerHour, .clockInnerCenter.clockInnerMin {
		width: 50px;
		font-size: 45px;
		line-height: 55px;
	}

	.formProduct .clockDot, .successProduct .clockDot {
		padding-top: 12px;
	}

	.clockDot {
		width: 12px;
		padding-top: 5px;
	}

	.clockInnerCenter {
		font-size: 38px;
		line-height: 60px;
	}

	.clockInnerMinSelect, .clockInnerHourSelect {
		font-size: 40px;
	}

	.formItem {
		width: 96%;
	}
}

@media (max-width: 657px){
	.formProduct {
		width: 106%;
		margin-left: -3%;
	}

	.hashImg {
		margin-bottom: 25px;
	}
}

@media (max-width: 640px){
	.productText {
		width: 210px;
	}
}

@media (max-width: 625px){
	.productText {
		width: 200px;
	}
}

@media (max-width: 606px){
	.clockArea {
		margin-top: 11px;
	}

	.clockInnerMinSelect, .clockInnerHourSelect {
		font-size: 34px;
	}

	.clock {
		width: 40px;
	}

	.clockInnerTop img, .clockInnerBottom img {
		width: 20px;
	}

	.clockInnerCenter.clockInnerHour, .clockInnerCenter.clockInnerMin {
		width: 40px;
		font-size: 35px;
		line-height: 45px;
		padding-top: 1px;
	}

	.clockDot {
		width: 12px;
	}

	.clockInnerCenter {
		font-size: 28px;
		line-height: 54px;
		padding-top: 5px;
	}
}

@media (max-width: 588px){
	.productText {
		width: 180px;
	}
}

@media (max-width: 551px){
	.productText {
		width: 170px;
	}

	.productText span {
		margin-top: 38px;
		font-size: 20px;
		line-height: 20px;
	}

	.sendMessageTitle {
		font-size: 18px;
	}

	.formTitle {
		margin-top: -50px;
	}
}

@media (max-width: 534px){
	.productText {
		width: 160px;
	}

	.headerLogo {
		width: 210px;
	}
}

@media (max-width: 518px){
	.headerLogo {
		width: 200px;
		margin-top: 11px;
	}

	.clockArea {
		margin-top: 18px;
	}

	.clock {
		width: 30px;
	}

	.formProduct .clockHour, .formProduct .clockMin, .successProduct .clockHour, .successProduct .clockMin {
		width: 38px;
	}

	.clockInnerTop img, .clockInnerBottom img {
		width: 16px;
	}

	.clockInnerCenter.clockInnerHour, .clockInnerCenter.clockInnerMin {
		width: 40px;
		font-size: 30px;
		line-height: 29px;
	}

	.clockDot {
		width: 12px;
	}

	.clockInnerCenter {
		font-size: 25px;
		line-height: 46px;
	}

	.clockInnerMinSelect, .clockInnerHourSelect {
		font-size: 28px;
	}

	.formProduct .clockDot .clockInnerCenter, .successProduct .clockDot .clockInnerCenter {
		line-height: 35px;
	}

}


@media (max-width: 485px){
	.productText {
		width: 150px;
	}
}

@media (max-width: 467px){
	.productText {
		width: 140px;
	}

	.productText span {
		margin-top: 41px;
		font-size: 16px;
		line-height: 16px;
	}
}

@media (max-width: 422px){
	.productText {
		width: 130px;
	}

	.formProduct .clockHour, .formProduct .clockMin, .successProduct .clockHour, .successProduct .clockMin {
		width: 29px;
	}

	.formProduct .clockDot, .successProduct .clockDot {
		padding-top: 7px;
	}
}

@media (max-width: 450px){
	.productText {
		width: 120px;
	}

	.headerLogo {
		width: 180px;
	}
}

@media (max-width: 416px){
	.clockArea {
		margin-top: 24px;
	}

	.clock {
		width: 25px;
	}

	.clockInnerTop img, .clockInnerBottom img {
		width: 16px;
	}

	.clockInnerCenter.clockInnerHour, .clockInnerCenter.clockInnerMin {
		width: 30px;
		font-size: 25px;
		line-height: 20px;
	}

	.clockDot {
		width: 10px;
	}

	.clockInnerCenter {
		font-size: 20px;
		line-height: 40px;
	}

	.productBottomTag {
		font-size: 20px;
		margin-top: -65px;
	}

	.productBottomTitle {
		font-size: 16px;
		line-height: 18px;
		margin-top: -20px;
	}

	.productTitle {
		font-size: 18px;
	}

	.productText span {
		font-size: 14px;
		line-height: 14px;
		margin-top: 43px;
	}

	.formTitle {
		margin-top: -70px;
	}

	.clockInnerMinSelect, .clockInnerHourSelect {
		float: left;
		text-align: left;
		font-size: 23px;
		width: 50px;
		line-height: 21px;
		padding-left: 0;
		text-indent: 0 !important;
	}

	.clockInnerMinSelect option , .clockInnerHourSelect option {
		float: left;
	}

	.clockInnerBottom img {
		vertical-align: top;
		padding-top: 2px;
	}
}

@media (max-width: 382px){
	.productText {
		width: 110px;
	}

	.productText span {
		font-size: 12px;
		line-height: 12px;
		margin-top: 43px;
	}

	.clockArea {
		margin-top: 25px;
	}

	.clock {
		width: 19px;
	}

	.clockInnerBottom {
		margin-top: -6px;
	}

	.clockInnerTop img, .clockInnerBottom img {
		width: 12px;
	}

	.clockInnerCenter.clockInnerHour, .clockInnerCenter.clockInnerMin {
		width: 25px;
		font-size: 20px;
		line-height: 15px;
	}

	.clockDot {
		width: 8px;
		padding-top: 8px;
	}

	.clockInnerCenter {
		font-size: 17px;
		line-height: 33px;
	}

	.clockInnerMinSelect, .clockInnerHourSelect {
		font-size: 17px !important;
		width: 19px !important;
	}

	.clockInnerBottom img {
		vertical-align: middle;
		padding-top: 0;
	}

	.formProduct .clockHour, .formProduct .clockMin, .successProduct .clockHour, .successProduct .clockMin {
		width: 24px;
	}

	.formProduct .clockDot .clockInnerCenter, .successProduct .clockDot .clockInnerCenter {
		line-height: 30px;
	}
}