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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.main_header h1:before {
	    content: '';
	    position: absolute;
	    top: -95px;
	    right: 219px;
	    background-repeat: no-repeat;
	    background-image: url(../img/stars.png);
	    width: 189px;
	    height: 189px;
	    width: 150px;
	    height: 150px;
	    background-size: 150px;
	}
	html {
		font-size: 9px;
	}
	.top_phone a {
		padding: 5px;
	}
	.next, .prev {
		bottom: -75px;
	}
	.slick-dots {
		bottom: -71px!important;
	}
	.top_phone {
		font-size: 2.2rem;
	}
	header {
		background-position: 60% top;
	}
	.header_form input,
	.header_form .main_btn_border {
		max-width: 280px!important;
	}
	.header_form .form input {
		width: 100%;
	}
	.header_form:after{
		top: 4px;
	}
	.profit p br,
	.takeit p br,
	.res_desc p br,
	.give p br {
		display: none;
	}
	.res_item img  {
		left: -50px;
		max-width: 540px;
		top: -35px;
	}
	.takeit_item img {
		left: -63px;
		max-width: 540px;
		top: 15px;
	}
	.resolution, .takeit {
		padding-top: 80px;
	}
	.give {
		padding-bottom: 60px;
		padding-top: 80px;
	}
	.take {
		padding-top: 40px;
		background-position: center 150px;
	}
	.take_item {
	    width: 280px;	   
	}
	.gift .form_wrapper {
		padding: 60px;
	}
	.gift h3, .form-section-takeit .header_form p span {
		font-size: 3.8rem;
	}
	.gift .left_gift p {
		font-size: 1.8rem;
	}

	#timer-element-353491e0f53ad39ed90ff6d9d1bc2a34-secundes {
		position: relative;
		right: 183px;
		top: 95px;
	}
	.contact_info {
		padding: 5.5rem 0 5.5rem 6rem;
		position: static;
		margin-bottom: 30px;
	}
	iframe {
		height: 320px;
	}
	.review .row {
		padding-right: 0;
	}
	.resolution, .takeit {
		overflow: hidden;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.main_header h1:before {
		opacity: 0;
	}
	
	h1 {
		font-size: 24px !important;
	}
	
	footer .row div  {
		text-align: center;
	}
	.next {
		right: 38%;
	}
	.prev {
		left: 38%;
	}
	html {
		font-size: 8px;
	}
	.profit h4 {
		font-size: 2rem;
	}
	.res_item img {
		max-width: 430px;
		top: 15px;
	}
	.res_item, .takeit_item {
		height: 300px;
	}
	.gift {
		text-align: center;
		padding-top: 60px;
		background-image: url(../img/gift_bg_small.jpg);
		background-position: 35% top;
	}
	#timer-element-353491e0f53ad39ed90ff6d9d1bc2a34-secundes {
		position: static!important;
	}
	#timer353491e0f53ad39ed90ff6d9d1bc2a34 {
		margin: 0 auto!important;
	}
	.gift h3 {
		text-align: center;
	}
	section {
		padding: 60px 0;
	}
	.logo img {
		max-width: 200px;
	}
	.top_phone {
		font-size: 1.8rem;
		padding-top: 20px;
	}
	.hide-on-mobile {
		display: none;
	}
	.sh-on-mobile{
		display: inline-block !important;
	    padding: 5px 20px !important;
		margin-left: -24px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
		font-size: 16px;
	}
	.contact .sh-on-mobile {
		margin-left: 0px;
	}
	.desc {
		line-height: normal;
	}
	h1 {
		font-size: 25px;
	}
	.header_form input, .header_form .main_btn_border {
		max-width: 220px!important;
	}
	header {
		height: 550px;
	}
}

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

	.awards_items .slick-dots {
	    position: absolute;
	    top: auto;
	    right: 0;
	    bottom: -25px!important;
	    display: block;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    text-align: center;
	}
	.sh-on-mobile{
	    padding: 15px 30px !important;
	}
	header {
		background-position: 38% top;
		height: auto;
	}
	footer .row div{
	text-align:center;
}
footer .row {
	display: block;
}
	.header_form {
		position: static;
		background-repeat: repeat;
		background-position: center;
		margin-top: 20px;
	}
	.header_form .form input, .header_form .form button {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.header_form .form input {
		margin-top: 10px;
	}
	.header_form:after{
		top: 54px;
	}
	.main_header {
		text-align: center;
	}
	.main_header ul {
		text-align: left;
	}
	h1 br {
		display: none;
	}
	.profit {
		padding-top: 40px;
		text-align: center;
	}
	.profit .col-sm-4 {
		margin-bottom: 40px;
		position: relative;
	}
	.profit .col-sm-4:after {
		background-color: #1ba0cb;
		content: "";
		right: 0;
		left: 0;
		bottom: -17px;
		height: 2px;
		position: absolute;
		width: 100%;
	}
	.res_item, .takeit_item {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		height: unset;
		padding-bottom: 20px;
	}
	.res_item img, .takeit_item img {
		position: initial;
		margin-top: -54px;
	}
	.res_desc {
		width: 85%;
	}
	
	.profit .col-sm-4.last_profit:after {
		display: none;
	}
	.profit img {
		margin: 2rem auto;
	}
	.gift {
		padding-top: 0!important;
	}
	.profit p {
		margin-left: auto;
		margin-right: auto;
		max-width: 370px;
	}
	.profit .up_profit {
		margin-bottom: 0;
	}
	section {
		padding: 40px 0;
	}
	.review {
		display: none;
	}
	.give {
		text-align: center;
	}
	.give p {
		margin-left: auto;
		margin-right: auto;
		max-width: 270px;
	}
	.give .col-sm-3 {
		margin-bottom: 40px;
	}
	.give .col-sm-3:after {
		background-color: #1ba0cb;
		content: "";
		right: 0;
		left: 0;
		bottom: -17px;
		height: 2px;
		position: absolute;
		width: 100%;
	}
	.give .col-sm-3:last-of-type:after {
		display: none;
	}
	.contact_info {
		text-align: center;
		padding-left: 0;
		max-width: 370px;
		margin-left: auto;
		margin-right: auto;
	}
	.contact {
		background-image: none;
		padding-top: 0;
		padding-bottom: 40px;
	}
	.contact img {
		width: 100%;
		margin-top: 30px;
	}
	.take {
		background-position: 0% 100px;
		text-align: center;
	}
	.take .col-sm-4 {
		height: auto;
		padding-bottom: 40px;
	}
	.take label {
		margin-top: 2rem;
	}
	.take h4 {
		margin-top: 20px;
	}

	.take p {
	    height: 53px;
	}
	.take_item {
	    margin-bottom: 50px;
	}
	.header_form {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header_form p br {
		display: none;
	}
	h1 {
		font-size: 22px;
	}
	.work_time {
		padding-left: 0;
	}
	.form-section {
		background: url(../img/header_form.png) center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		margin-bottom: 30px;
	}
	.form-section-takeit  {
		background: url(../img/form_metal_bg.png) center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.form-section-takeit .header_form {
		padding: 6.5rem 0rem 6.5rem 0rem;
	}
}
@media only screen and (max-width : 580px) {
	.logo {
		width: 100%;
		text-align: center;
	}
	.work_time {
		width: 100%;
		text-align: center;
		padding-left: 15px;
	}
	.top_phone {
		width: 50%;
		text-align: left;
		padding-top: 25px;
		font-size: 2rem;
	}
	header .top_phone {
		width: 100%;
		text-align: center;
	}
	header .top_phone p {
		position: initial;
		margin-left: 40px;
		font-size: 1.2rem;
	}
	.sh-on-mobile {
		margin-left: 40px;
	}
	.contact .top_phone {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.copyright p,
	footer span,
	.made_by p {
		font-size: 15px;
	}
    .top_phone {
       padding-top: 16px;
    }
	.menu ul {
		text-align: center;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	h1 {
		margin-top: 0;
	}
	.takeit_desc {
		width: 85%;
	}
	.main_header h1:before {
		opacity: 1;
		width: 75px;
		height: 75px;
		background-size: 75px;
		top: -110px;
		left: 0;
	}
	.form_wrapper {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.form_wrapper input,
	.form label.main_btn_border {
		width: 100%;
		max-width: 270px;
		margin-right: 0;
	}
	section h3, .form-section-takeit .header_form p span {
		font-size: 2.8rem;
	}
	.menu ul {
		display: block;
		text-align: center;
	}
	.menu ul li {
		padding: 5px 0;
	}
	h1 {
		font-size: 22px;
	}
	.toggle_btn {
		display: block;
		bottom: 37px;
	}
	.menu ul {
		display: none;
	}
}
@media only screen and (max-width : 380px) {
	.take {
		background-position: 0 120px;
	}
	h2 {
		font-size: 2.2rem;
	}
	h1 {
		font-size: 20px !important;
	}
	
	.logo img {
		max-width: 150px;
	}
}
/* 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) {

}

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