/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1900px) {
	.container{
		width: 1690px;
	}
	.animate_block .animate{	
		width: 450px;
	}
	.animate.left .phone {
		width: 350px;
	}
	.animate.left .phone .ekran {
		width: 330px;
	}

	.phone .ekran .info_block .message.new {
		width: 300px;
	}

	.message.new .application .mess p.titl{
		font-size: 20px;
	}
	.mails.right {
		left:1600px;
	}

	.monitor {
		width: 450px;
	}
	.monitor .ekran {
		width: 430px;
	}
}

@media only screen and (max-width : 1700px) {
	.container{
		width: 1490px;
	}

	.message.new .application .mess p.titl{
		font-size: 20px;
	}
	.mails.right {
		left:1400px;
	}

	.monitor {
		width: 350px;
	}
	.monitor .ekran {
		width: 330px;
	}

	.progres_radius {
		display: none;
	}

	.marketing .bgLine .listMarket {
		width: 250px;
		height: 300px;
	}
	.listMarket .heds .icon {
		width: 100px;
		box-shadow: none;
		/*box-shadow: 0px 1px 2px #00000070;*/
	}

	.listMarket .cennter p {
		font-size: 16px;
	}
	.listMarket .heds .icon img {
		height: 15px;
	}
	.listMarket .cennter img {
		height: 55px;
	}
	.partnerList .slider .slide {
		width: 260px;
		height: 260px;
	}

	.partnerList .slider .slide .logo {
		width: 180px;
		left: 40px;
		top: 30px;
	}
	.partnerList .slider .slide .content {
		margin-top: 20px;
	}
	.partnerList .slider .slide:hover .logo {
		left: 100px;
	}

	.partnerList .slider .slide:hover .content {
		padding: 40px 5px;
	}
}

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

	.main_section .content .title .triger {
		width: 550px;
		margin: 0px 250px;
	}
	.container{
		width: 1190px;
	}
	.mails.right {
		left:1100px;
	}
	.animate_block .animate.left {
		left: -90px;
		bottom: -78px;
		transform: scale(0.6);
	}

	.animate_block .animate.right {
		right: -90px;
		transform: scale(0.6);
	}

	.animate_block .content {
		width: 100%;
		height: 460px;
	}
	.main_section .content .title img {
		z-index: 1000;
		right: 70px;
	}
	.step_list_bg {
		top: 445px;
	}
	.marketing .bgLine {
		height: 125px;
	}
	.marketing .bgLine .listMarket {
		width: 220px;
		height: 290px;
	}

	.marketing .bgLine .listMarket {
		margin-top: -75px;
	}
	.partnerList .slider .slide {
		width: 220px;
		height: 220px;
	}

	.partnerList .slider .slide .logo {
		width: 150px;
		left: 40px;
		top: 10px;
	}
	.partnerList .slider .slide:hover .content {
		padding: 76px 5px 0px 5px;
	}
	.partnerList .slider .slide:hover .logo {
		left: 80px;
		width: 60px;
		height: 60px;
	}

	.partner_step .step_list.active {
		transform: scale(0.6);
	}

	.step_list_bg.active {
		position: fixed;
	}

	.partnerList .slider .slide:hover .content {
		height: 120px;
		padding: 10px;
	}

	.main_section .present .pres.active.fixed{
		left: 1300px;
	}

	.mails {
		left: 9px;
		top: 235px;
		width: 30px;
		height: 30px;
		font-size: 20px;
	}

}

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


	.mails.right {
		left:920px;
	}

	.main_header .logo p {
		font-size: 16px;
		color: #fff;
		line-height: 16px;
	}
	.main_header .kontakt a.header_contakt {
		font-size: 20px;
		line-height: 20px;
	}

	.main_section .content .title h1 {
		font-size: 20px;
		padding: 10px 20px;
		width: 475px;
	}
	.main_section .content .title img {
		height: 61px;
		width: 700px;
		right: 80px;
		top: 0px;
	}

	.main_section .content .title {
		top: 90px;;
	}

	.main_section .content .title .triger, .main_section .content .title .info {
		padding: 0px 20px;
		margin: 0px 155px;
	}

	.main_section .info {
		padding: 0px 205px;
		top: 130px;
	}

	.marketing .bgLine .listMarket {
		width: 170px;
		height: 290px;
	}
	.listMarket .cennter p {
		font-size: 14px;
	}
	.listMarket .heds .icon img {
		height: 12px;
	}
	.listMarket .heds {
		top: 6px;
		width: 100%;
	}
	.listMarket .heds .icon {
		margin: 0px 2px;
		font-size: 12px;
	}
	.partnerList {
		padding-top: 70px;
	}
	.partnerList .slider .slide {
		width: 170px;
		height: 170px;
	}
	.partnerList .slider .slide .logo {
		width: 120px;
		left: 25px;
		top: 0px;
		height: 170px;
	}
	.partnerList .slider .slide:hover .logo {
		left: 60px;
		opacity: 0;
	}

	.content.quiz {
		width: 645px;
		height: 560px;
		padding: 0px 70px;
	}

	.img.quiz {
		width: 310px;
	}

	.stepList .step {
		width: 310px;
	}

	.stepList {
		width: 980px;
	}

	.stepList .quest .step1 {
		width: 720px;
	}
	.step1 .block {
		flex-basis: 286px;
		height: 257px;
		width: 257px;
		margin: 9px;
	}

	.step1 .heds {
		padding: 0px 35px;
	}
	.step1 .block .param {
		top: 90px;
	}
	.content.quiz {
		padding: 0px 70px 0px 155px;
	}
	.stepList .quest .step1 {
		width: 625px;
	}
	.stepList .quest.quizRightContent.visibleQuiz {
		right: 35px;
	}

	.mainForm {
		height: 415px;
		flex-direction: column;
		padding-top: 10px;
		justify-content: flex-start;
	}
	.textEmail {
		width: 421px;
		margin-left: 0px;
		padding: 20px;
		border: 3px solid #eee;
		border-radius: 20px;
		height:auto;
		flex-direction: column;
	}

	.duble .list {
		width: 400px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1090px) {
	.container{
		width: 790px;
	}


	.mails.right {
		left:720px;
	}

	.animate_block .content {
		width: 100%;
		height: 450px;
	}

	.main_section .content .title h1 {
		font-size: 30px;
		padding: 10px 20px;
		width: 640px;
	}

	.main_section .content .title img {
		height: 93px;
		width: 725px;
		right: -35px;
		top: -7px;
	}
	.main_header .logo img {
		width: 130px;
	}
	.main_header .kontakt a.header_contakt img {
		width: 25px;
	}
	.main_header .kontakt a.header_contakt {
		font-size: 13px;
	}

	.main_section .content .title .triger {
		font-size: 16px;
	}

	.main_section .content .title .info {
		font-size: 13px;
	}
	.button {
		padding: 10px 25px;
	}

	.main_section a.button {
		top: 155px;
	}

	.listMarket .cennter img {
		height: 45px;
	}
	.marketing .bgLine .listMarket {
		width: 140px;
		height: 270px;
	}

	.listMarket .heds {
		flex-direction: column;
		height: 61px;
		justify-content: space-between;

	}

	.listMarket .foot .icon span {
		font-size: 10px;
		height: 23px;
	}
	.listMarket .foot .icon img {
		height: 20px;
	}

	.partnerList .tabList .tab {
		padding: 10px 20px;
		margin: 0px 10px;
		font-size: 12px;
	}

	.partnerList .slider .slide {
		width: 140px;
		height: 140px;
	}

	.partnerList .slider .slide .logo {
		width: 100px;
		left: 20px;
		top: 0px;
		height: 135px;
	}

	.partnerList .slider .slide:hover .content {
		padding: 110px 5px 0px 5px;
		font-size: 12px;
	}

	.img.quiz {
		width: 119px;
	}
	.kvizblock .img img {
		position: absolute;
		height: 450px;
		left: -223px;
	}

	.stepList .step.quizLeftContent.visibleQuiz {
		display: none;
	}
	.stepList {
		width: 760px;
	}

	.stepList .quest .step1 {
		width: 740px;
		justify-content: center;
	}

	.stepList .quest.quizRightContent.visibleQuiz {
		right: 0px;
		width: 750px;
	}
	.step1 .block {
		flex-basis: 350px;
	}
	.mainForm {
		flex-direction: initial;
	}
	.textEmail {
		width: 290px;
		height: 300px;
	}

	
	.mails {
		top: 225px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 960px) {
	
	.container{
		width: 100%;
	}

	.mails.right {
		left:420px;
	}

	.animate_block .content {
		height:  460px;
	}
	.main_section .content .title img {
		right: 20px;
	}
	.step_list_bg {
		top: 450px;
	}

	img.manager {
		width: 200px;
	}
	.content.quiz {
		width: 731px;
	}
}



/* Custom, iPhone Retina */
@media only screen and (max-width : 790px) {
	.container{
		width: 600px;
	}

	.main_section .content .title h1 {
		font-size: 20px;
		padding: 10px 20px;
		width: auto;
	}

	.flex.kontakt {
		flex-direction: column;
		align-items: flex-end;
		margin-bottom: 3px;
	}

	.animate_block .content {
		height: 525px;
	}

	.main_section .content .title .triger, .main_section .content .title .info {
		padding: 0px;
	}

	.main_section .content .title img {
		height: 60px;
		width: 635px;
		right: -75px;
		top: 4px;
	}
	.main_section a.button {
		top: 275px;
	}
	.mails {
		top: 300px;
	}


	.mails.right {
		left:520px;
	}
	.partner_step .step_list {
		border-radius: 0px;
	}

	.partner_step .step_list .closeOpen {
		position: absolute;
		right: 0px;
		background: #fff;
		width: 60px;
		height: 60px;
	}

	.partner_step {
		width: 100%;
		padding: 44px 0px;
		height: 149px;
	}
	.step_list_bg {
		top: 490px;
	}

	.marketing .bgLine {
		height: 190px;
		margin: 0px 0px;
	}

	.marketing .bgLine .listMarketBlock {
		flex-wrap: wrap;
	}

	.marketing .bgLine .listMarket {
		width: 29%;
		height: 230px;
		margin: 10px;
	}

	.marketing .bgLine .listMarket.mobTwo {
		width: 46%;
		height: 175px;
	}

	.closeOpen .plus {
		display: block;
		position: absolute;
		border: 2px solid #883667;
		top: 25px;
		left: 15px;
		width: 25px;
		border-radius: 3px;
		background: #883667;
	}


	.marketing .bgLine .listMarket.mobTwo .heds {
		flex-direction: initial;
		height: 59px;
		justify-content: center;
	}

	.listMarket.mobTwo .cennter {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	img.manager {
		width: 145px;
	}

	.partnerList .tabList {
		flex-wrap: wrap;
		padding: 0px;
		width: 155px;
		position: absolute;
		left: 223px;
		top: 67px;
	}
	.partnerList .tabList .tab {
		padding: 5px 20px;
		margin: 2px 4px;
		font-size: 12px;
		width: 100%;
	}

	.marketing.manager {
		margin: 400px 0px 75px 0px;
	}
	.partnerList .slider {
		flex-wrap: wrap;
		justify-content: space-between;
	}



	.partnerList .slider .slide {
		width: 170px;
		height: 140px;
		margin: 10px;
	}

	.partnerList .slider .slide .logo {
		width: 115px;
		left: 30px;
	}

	.partnerList .slider .slide.main {
		margin-right: 150px;
	}

	.partnerList__slide-wrapper {
		width: 340px;
		height: 140px;
		margin: 10px;
		display: flex;
		justify-content: space-between;
	}

	.partnerList__slide-wrapper .slide {
		flex-basis: 48%;
		margin: 0!important;
	}
	.partner_step .step_list .hederStep h2 {
		font-size: 20px;
		left: 0px;
		position: absolute;
	}

	.closeOpen .plus {
		display: block;
		position: absolute;
		border: 2px solid #883667;
		top: 25px;
		left: 15px;
		width: 25px;
		border-radius: 3px;
		background: #883667;
	}

	.partner_step .step_list.active {
		transform: scale(1);
		height: 90vh;
		width: 90%;
		border-radius: 20px;
		padding: 30px 20px;
		overflow: hidden;
	}

	.partner_step .contenSList.active {
		height: 99vh;
		overflow: auto;
		margin-top: 30px;
	}
	.partner_step .step_list.active .closeOpen {
		transform: rotate(945deg);
		transition: 0.5s;
		width: 40px;
		height: 40px;
	}

	.partner_step .step_list.active .closeOpen .plus {
		display: block;
		position: absolute;
		border: 2px solid #883667;
		top: 15px;
		left: 5px;
		width: 25px;
		border-radius: 3px;
		background: #883667;
	}

	.partner_step li.head p {
		font-size: 18px;
	}
	.partner_step li.lst {
		margin: 0px 0px 4px 5px;
		font-size: 14px;
	}

	.partner_step li.day {
		right: 50px;
		top: 15px;
	}

	.kvizblock .form {
		width: 100%;
		height: 360px;
	}
	.img.quiz {
		width: 0px;
	}

	.kvizblock .img img {
		height: 360px;
		left: -215px;
	}

	.content.quiz {
		width: 100%;
	}
	.content.quiz h2.title {
		text-transform: uppercase;
		font-size: 25px;
		text-align: left;
		font-family: 'Museo900';
		color: #8a164d;
	}

	.content.quiz p.maintitle {
		font-size: 17px;
		line-height: 17px;
	}

	.stepList {
		width: 560px;
		height: 360px;
	}

	.stepList .quest.quizRightContent.visibleQuiz {
		right: 0px;
		width: 545px;
		height: 330px;
	}
	.step1 .block {
		flex-basis: 247px;
		height: 120px;
	}
	.stepList .quest .step1 {
		width: 100%;
		height: 360px;
	}
	.step1 .heds {
		padding: 0px 10px;
		font-size: 18px;

		top: 15px;
	}

	.step1 .block .param {
		top: 90px;
		font-size: 12px;
	}
	.step1 .block .button {
		bottom: 35px;
	}


	.step1 .list .button {
		padding: 5px 10px;
		font-size: 10px;
	}

	.step1 .heds button {
		width: 40px;
		height: 40px;
		top: 5px;
		left: -5px;
		position: relative;
	}


	.step1 .list ol li {
		padding: 5px 5px 5px 20px;
	}
	
	.step1 .list ol {
		padding: 0px;
		min-height: 300px;
	}

	.step1 .duble {
		position: relative;
		top: -20px;
	}

	

	.duble .textEmail {
		width: 260px;
		height: 240px;
		position: relative;
		top: 65px;
		padding: 10px;
	}

	.textEmail {
		width: 290px;
		height: 300px;
		position: absolute;
		top: -300px;
	}

	.goInfoEmail {
		font-size: 10px;
	}

	.mainForm .input {
		width: 420px;
		top: -20px;
		position: relative;
	}

}

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

	.mails {
	}

	.mails {
		left: 9px;
		width: 16px;
		height: 16px;
		font-size: 12px;
		top: 508px;
	}

	.mails.right {
		left: 300px;
	}

	.animate_block {
		position: relative;
		height: 700px;
	}

	.main_section {
		background-size: cover;
	}

	.animate_block .content {
		height: 700px;
		padding: 0px;
	}
	.main_section .content .title h1 {
		font-size: 25px;
		padding: 10px 10px;
		width: 280px;
	}

	.flex.kontakt {
		flex-direction: inherit;
		align-items: center;
		position: absolute;
		justify-content: space-between;
		top: 50px;
		width: 330px;
	}

	.main_section .content .title {
		top: 115px;
	}

	.main_section .content .title img {
		height: 128px;
		width: 355px;
		right: -15px;
		top: -12px;
	}

	.main_section a.button {
		top: auto;
		height: auto;
	}
	
	.animate_block .animate.left {
		left: -135px;
		bottom: -73px;
		transform: scale(0.4);
	}

	.animate_block .animate.right {
		right: -135px;
		transform: scale(0.4);
		bottom: 45px;
	}
	.main_section .present {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 140px;
		height: 115px;
	}
	.partner_step .step_list .closeOpen {
		width: 40px;
		height: 40px;
	}
	.closeOpen .plus {
		top: 15px;
		left: 5px;
	}

	.partner_step .step_list {
		padding: 35px 20px 35px 20px;
	}
	.step_list_bg {
		top: 655px;
	}
	.main_header .kontakt a.header_contakt {
		font-size: 13px;
		margin: 0px;
	}

	.main_header .kontakt a.header_contakt img {
		width: 20px;
		margin-right: 5px;
	}

	.main_header .logo img {
		width: 100px;
	}

	.main_section .present {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 140px;
		height: 115px;
	}

	.main_section .present .pres.active.fixed{
		z-index: 4000;
		bottom: 0px;
		left: 270px;
		width: 100px;
		height: 100px;
		padding: 5px 8px 0px 15px;
		font-size: 14px;
	}

	.main_section .present .pres.active p{
		font-size: 10px;
		line-height: 12px;
	}

	.main_header .logo p {
		font-size: 14px;
		width: auto;
		text-align: right;
	}

	img.manager {
		width: 145px;
		position: absolute;
	}

	.partnerList .tabList {
		flex-wrap: wrap;
		padding: 0px 0px;
		width: 200px;
		position: absolute;
		left: 0px;
		top: 65px;
	}

	.partner_step {
		width: 100%;
		padding: 0px 0px;
		height: 40px;
	}

	.marketing h2 {
		font-family: 'Museo700';
		font-size: 20px;
		color: #fff;
	}

	.marketing .bgLine {
		height: auto;
		margin: -90px 0px 0px 0px;
		padding: 100px 0px 30px 0px;
	}

	.marketing .bgLine .listMarket {
		width: 100%;
		height: 150px;
	}

	.listMarket .cennter {
		top: 10px;
		display: flex;
		width: 100%;
		justify-content: space-between;
		padding: 0px 20px;
		align-items: center;
	}

	.listMarket.mobTwo .cennter {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.listMarket .heds {
		flex-direction: inherit;
		height: 45px;
		justify-content: center;
		position: absolute;
		top: 90px;
		left: 0px;
	}
	.marketing .bgLine .listMarket.mobTwo {
		width: 100%;
		height: 150px;
	}
	.listMarket .cennter img {
		height: 80px;
	}

	.listMarket .cennter p {
		font-size: 19px;
		text-align: left;
		margin: 0px;
	}

	.listMarket .foot {
		display: none;
	}

	img.manager {
		width: 300px;
		position: absolute;
		top: -345px;
	}

	.infoblock .text h2{
		color: #000;
		font-family: 'Museo900';
		margin-right: 0px;
		width: 100%;
	}

	.marketing.manager .text {
		margin-right: 0px;
		margin-top: 125px;
	}

	.marketing.manager {
		margin: 325px 0px 75px 0px;
	}

	.partnerList .tabList .tab {
		padding: 6px 20px;
		margin: 1px 0px;
		font-size: 11px;
		width: 70%;
		border-radius: 5px;
	}

	.partnerList .slider .slide {
		width: 48%;
		height: 145px;
		margin: 5px 0px;
	}

	.partnerList .slider .slide.main {
		margin-left: 170px;
		margin-right: 0px;
	}

	.partnerList {
		padding-top: 90px;
	}

	.partnerList .slider .slide .logo {
		width: 90px;
		left: 35px;
		top: 2px;
	}

	.kvizblock .form {
		height: 600px;
	}

	.img.quiz {
		width: 0px;
		height: 600px;
	}

	.img.quiz .presentsQuiz {
		width: 329px;
		height: 600px;
		padding: 0px;
		left: 0px;
	}

	.mobVisible {
		display: block;
		position: absolute;
		bottom: 74px;
		width: 297px;
		left: 15px;
	}

	.img.quiz .imgBlock {
		position: absolute;
		top: 260px;
		padding: 0px 10px;
	}

	.img.quiz .presentsQuiz img {
		width: 170px;
		left: 76px;
		position: absolute;
		top: -220px;
	}

	.content.quiz {
		width: 100%;
		padding: 0px 10px 0px 130px;
		height: 600px;
	}

	.content.quiz h2.title {
		margin-bottom: 40px;
	}

	.stepList {
		width: 360px;
		height: 600px;
		flex-direction: column;
	}

	.stepList .quest.quizRightContent.visibleQuiz {
		right: 0px;
		width: 360px;
		height: 600px;
	}

	.stepList .quest .step1 {
		width: 91%;
		height: 600px;
	}

	.step1 .block {
		flex-basis: 280px;
		height: 130px;
	}

	.step1 .block .button {
		bottom: 65px;
		font-size: 12px;
		padding: 6px 30px;
	}
	.step1 .block .param {
		top: 75px;
		font-size: 12px;
	}

	.step1 .block .param .price {
		font-size: 16px;
		margin-bottom: 0px;
	}

	.step1 .heds {
		padding: 0px 10px;
		font-size: 16px;
		top: 10px;
	}

	.step1 .list ol li {
		padding: 5px 5px 5px 10px;
		border-radius: 5px;
		border: 3px solid #eee;
		margin-bottom: 5px;
	}

	.step1 .list {
		overflow: auto;
		max-height: 490px;
	}

	.step1 .list .form {
		align-items: center;
		height: 110px;
		flex-direction: column;
		border-radius: 0px;
	}

	.step1 .list input {
		font-size: 14px;
		border-radius: 5px;
		width: 100%;
	}

	.step1 .list .form .button.site {
		opacity: 1;
		display: block;
		border-radius: 5px;
		padding: 10px 10px;
		font-size: 14px;
		width: 100%;
		margin-top: 5px;
	}

	.heds.left.flex div {
		max-width: 250px;
		text-align: left;
		padding-left: 20px;
	}
	.step1 .duble {
		position: relative;
		top: 15px;
		flex-direction: column;
		width: 330px;
		height: 600px;
	}
	.duble .list {
		width: 330px;
	}

	.textEmail.flex p{
		display: none;
	}

	.duble .textEmail {
		width: 290px;
		height: 72px;
		top: -88px;
		left: 20px;
		padding: 0px;
		border: 0px;
	}

	.mainForm .input {
		width: 300px;
		top: -20px;
	}

	.step1 .mainForm input {
		width: 100%;
	}

	.field__file-fake {
		width: 210px;
	}

	.field__file-wrapper {
		width: 300px;
	}

	.field__file-button {
		width: 90px;
	}

	.goInfoEmail {
		font-size: 10px;
		flex-direction: column;
		bottom: 30px;
	}

	.partner_step li.day {
		position: absolute;
		left: -40px;
		transform: rotate(-90deg);
		font-size: 25px;
		bottom: -30px;
		flex-direction: inherit;
		align-items: center;
		justify-content: center;
		width: 133px;
	}

	.partner_step li.day img {
		height: 23px;
		margin-right: 10px;
		margin-bottom: 0px;
		right: 122px;
		top: 46px;
	}

	.partner_step li.lst {
		list-style-type: none;
	}

	.partner_step .contenSList.active {
		height: 100%;
		padding-bottom: 20px;
	}


	.popupPresent .presentBlock {
		width: 90%;
		height: 560px;
	}

	.presentBlock h2 {
		font-size: 20px;
	}

	.popupPresent .presentBlock .imgBlock {
		width: 100%;
		/* box-shadow: 3px 3px 10px #0005; */
		height: 154px;
		display: flex;
		align-items: center;
	}

	.popupPresent .presentBlock img {
		height: 80px;
		margin-top: 15px;
		transition: 0.3s;
	}

	.presentBlock .imgBlock .textPres {
		transform: scale(1);
	}

	.presentBlock .imgBlock .textPres .title {
		top: auto;
		text-align: left;
		padding-left: 20px;
	}

	.presentBlock .imgBlock .textPres .info {
		top: auto;
		text-align: left;
		font-size: 12px;
	}

	.main_section .info {
		top: 120px;
	}

	.popupPresent .presentBlock {
		padding: 20px 5px;
	}


	.messageEmail.visibleQuiz {
		width: 265px;
		text-align: left;
	}

	.messageEmail h2.title {
		font-size: 20px;
	}
	.messageEmail h2.title span {
		font-size: 20px;
		line-height: 30px;
	}
	.messageEmail p.title {
		font-size: 16px;
		position: absolute;
		top: 75px;
	}
	.messageEmail p.mini {
		font-size: 16px;
		position: absolute;
		bottom: 0px;
	}

	.messageEmail h2.title {
		position: absolute;
		top: 30px;
	}
	.messageEmail button.button {
		margin: 9px 0px;
		width: 87%;
	}

	.kvizblock .img img {
		height: 360px;
		left: -232px;
	}
}



/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.container{
		width: 100%;
	}
}


/*==========  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) {

}

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

}