/*************************** Responsive ************************/

/*************************** Media query 1024 to 1180************************/

@media (min-width: 1024px) and (max-width: 1180px){
	.wrapper {
	    padding: 0 15px;
	}
	.main_slider h3 {
	    width: 29.5%;
	}
	.main_slider h4, .main_slider h3 {
	  font-size: 15px;
	}
	body, .gift_col h5{
	    font-size: 16px;
	}
	.popup_title > h3 {
	  font-size: 22px;
	}
	.popup_content > p {
	    font-size: 18px;
	    line-height: 1.4;
	    margin-bottom: 20px;
	}
	.city-column{
		padding: 0px 10px;
	}
}

/*************************** Media query 768 to 1023************************/
@media (min-width: 768px) and (max-width: 1023px){
	.wrapper {
	    padding: 0 15px;
	}
	.main_slider h3 {
	    width: 29.5%;
	}
	.main_slider h4, .main_slider h3 {
	  font-size: 14px;
	}
	body, .gift_col h5{
	    font-size: 15px;
	}
	.popup_title > h3 {
	  font-size: 20px;
	}
	.popup_content > p {
	    font-size: 16px;
	    line-height: 1.4;
	    margin-bottom: 20px;
	}
	.back-title h3 {
	    font-size: 15px;
	}

}
/*************************** Media query 767************************/
@media (max-width: 767px){
	.wrapper {
	    padding: 0 15px;
	}

	#choose_gift .wrapper {
		padding: 0 !important;
	}
	.front {
		padding: 0px 5px;
	}
   .main_slider h4, .main_slider h3 {
	    display: none;
	}
	body {
	  font-size: 14px;
	}
	.slide_content {
	  padding: 30px 0 10px;
	}
	.divider {
	  padding: 35px 20px;
	}
	#choose_gift h1, .slide_content h1 {
	  font-size: 18px;
	  font-weight: normal;
	  margin-bottom: 10px;
	  padding-bottom: 20px;
	}
	.gift_col {
	    margin-bottom: 15px;
	    margin-right: 3% !important;
	    width: 48.5%;
	}

	.gift_col:nth-child(2n) {
	    margin-right: 0 !important;
	}
	.gift_col h5 {
	  font-size: 14px;
	}
	.footer {
	  margin-top: 10px;
	  min-height: 200px;
	}
	.footer img, .slide_content img{
	    max-width: 200px;
	}
	.back {
	  padding: 20% 0 0;
	}
	.back_right {
	    margin-top: 10%;
	    width: 50%;
	}
	.back-title::after, .thanku_title h1::after {
	  border-bottom: 2px solid #72cfea;
	}
	.back-title {
	  font-size: 14px;
	  margin-bottom: 14px;
	  padding-bottom: 10px;
	}
	.thanku_title h1 {
	  font-size: 14px;
	}
	.flag_img img, .popup_flag_img img {
	  height: 27px;
	  width: auto;
	}
	.popup_wrap .popup_img {
	  float: left;
	  margin-right: 0;
	  max-width: 100%;
	  text-align: center;
	  width: 100%;
	}
	.popup_wrap .popup_img img {
	  max-width: 50%;
	}
	.popup_title > h3 {
	    font-size: 14px;
	    letter-spacing: 2px;
	}
	.popup_content > p {
	    font-size: 12px;
	    line-height: 1.3;
	    margin-bottom: 15px;
	}
	.popup_content > a, .popup_content form p.submit_btn button {
	  font-size: 12px;
	  letter-spacing: 4px;
	  margin-top: 10px;
	  padding: 15px 30px;
	}
	.popup_content form p {
	  width: 100%;
	}
	.popup_content form p input {
	  font-size: 12px;
	  padding: 10px;
	}
	.popup_content .shipped {
	  font-size: 12px;
	  padding: 20px 0 5px !important;
	  width: 100%;
	}
	.popup_content form p.zip_code {
	    width: calc(100% - 70px);
	}
	#modal3 .popup_wrap {
	    padding: 30px 4%;
	}
	#modal3 .popup_wrap .popup_img, .thanku_title {
	  margin-right: 0;
	  width: 100%;
	  text-align: center;
	}
	#modal3.modal--active .thanku_title {
	    width: 100%;
	}
	#modal3 .popup_wrap .popup_content {
	    float: left;
	    margin-top: 20px;
	    min-width: 100%;
	    text-align: center;
	    width: 100%;
	}
	#modal3 .popup_title > h3 {
	    font-size: 12px;
	    margin-bottom: 0;
	    letter-spacing: 0;
	}
	#modal3.modal--active .popup_title {
	  display: inline-block;
	  margin: 0 3px;
	  top: 0 !important;
	}
	.main_slider{
		display: none;
	}
	.mobile_slider{
		display: block;
	}
	.slide_content {
	    clear: both;
	    display: block;
	    float: left;
	    font-size: 14px;
	    width: 100%;
	}
	.slide_img{
		float: left;
		width: 100%;
	}
	.slide_content h1 {
	    margin-bottom: 0 !important;
	    padding-bottom: 15px !important;
	}
	.arrow_down {
	    display: none;
	}
	#gift_form {
	    max-height: none;
		min-height: 660px;
	}
	.modal__window{
		max-height: none;
		height: auto;
	}
	.gift-wrapper {
		flex-wrap: wrap;
	}
	.city-column {
		width: 100%;
	}
/*************************** media query 567 ************************/
@media (max-width: 567px){
 	.gift_col h5 {
	  font-size: 12px;
	}
	.back-title{
	  font-size: 9px;
	  margin-bottom: 6px;
      padding-bottom: 5px;
	}
	.flag_img img, .popup_flag_img img {
	    height: 20px;
	    width: auto;
	}
	.city-column{
		width: 100% !important;
	}
	.gift-wrapper {
		flex-wrap: wrap;
	}
	.city-column {
		width: 100%;
		padding: 0px 10px;
	}
	#choose_gift > .wrapper {
		max-width: 100% !important;
	}
	#choose_gift .wrapper {
		padding: 0 !important;
	}
	.front {
		padding: 0px 5px;
	}
}