/* iPhone 4 ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 2){*/
.svgLogo{ display:none}
@media only screen and (max-width: 600px){
.normal_logo{display:none}
.svgLogo{ display:block}
#wrapper{width:auto; margin:auto; min-width:300px}
#wrapper2{width:100%}
#container .linksource{ display:none}
#container{width:100%; margin: 0px; margin-top:37px}
#container .b-error{ width:100%}
#container .tab-step{ width: calc(100% - 34px); margin-left:17px}
#container .tab-booking{ width: 100%}
#container .tab-booking li{ width:38px; height:33px; margin-left:0px; margin-right:2px; -moz-border-radius-topleft:3px;-moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; overflow:hidden}
#container .tab-booking li .number{font-size:24px; float:left}
#container .tab-booking li .textTab{ display:none;}
#container .tab-booking li.active { width: calc(100% - 127px)}
#container .tab-booking li.active .textTab{ display:block; font-size:14px; padding-top:10px; padding-left:5px; float:left}
#container .b-error{ width: calc(100% - 34px); margin-left:17px}
#container .b-error ul li{ margin-left:10px; border:0px}
#container .box-form{ width:100%}
#container .box-form .text-rq{ display:none}
#container .box-form .form-clumn{ width:100%}
#container .box-form .form-clumn li label{ width: calc(100% - 34px); float:left; font-size:14px; margin-left:17px}
#container .box-form .form-clumn li div.clumn-r{ width:100%; float:left}
#container .box-form .form-clumn input, #container .box-form .form-clumn select{ border-color:#f2f3f3; background-color:#f2f3f3}
#container .box-form .form-clumn input:focus::-webkit-input-placeholder, #container .box-form .form-clumn select:focus::-webkit-input-placeholder{ color:#f2f3f3}

#container .box-form .floatright .clumn-r input{ border-color:#fff; background:#fff}
#container .box-form .floatright .clumn-r input:focus{border-color: #4598cd !important;	-webkit-box-shadow:inset 0 0 3px #b2b2b2 !important;	-moz-box-shadow:inset 0 0 3px #b2b2b2 !important;	box-shadow:inset 0 0 3px #b2b2b2 !important;}
#container .box-form .floatright input:focus::-webkit-input-placeholder, #container .box-form .floatright select:focus::-webkit-input-placeholder{ color:#fff}

#container .box-form .form-clumn li .clumn-r { width:100% !important; float:left}
#container .box-form .form-clumn li .clumn-r .hasDatepicker{ width:calc(50% - 40px) !important}
#container .box-form .form-clumn li .clumn-r .i-arrivalDate div.tip_booking{ left:-130px; top:-126px; position: absolute;}
#container .box-form .form-clumn li .clumn-r .i-arrivalDate div.tip_booking .arrow_note{ background:url(../images/arrow7_down.gif) no-repeat; height:16px; width:15px; top:109px; left:128px}
#container .box-form .form-clumn li .clumn-r .i-exitDate div.tip_booking{ left:-180px; top:-142px; position: absolute;}
#container .box-form .form-clumn li .clumn-r .i-exitDate div.tip_booking .arrow_note{ background:url(../images/arrow7_down.gif) no-repeat; height:16px; width:15px; top:127px; left:180px}
#container .box-form .form-clumn li .clumn-r p{ padding-left:17px; padding-right:17px}

#container .box-form .form-clumn .outline_popup{top: 60px;left: 17px;}

#exit_date{ margin-left:0px}
#container .box-form .form-clumn li .clumn-r .ex{ width: calc(100% - 34px); margin-right:17px}
.form-clumn li .clumn-r input, .form-clumn li .clumn-r select, .form-clumn li .clumn-r textarea {height:34px; font-size:13px; width:calc(100% - 34px) !important; margin-left:17px}
#container .box-form .totalfee .totalfee-l{width: calc(100% - 358px); margin-left:17px; margin-right:0px}
#container .box-form .floatright{ float:left !important; background:#f5f5f5; padding-bottom:30px; margin-top:20px}
#contact_bg{ width:100%; height:30px; background:#fff; display:block;}
#contact_bg .contact_icon{  width:60px; height:60px; border:#FFFFFF 5px solid; -moz-border-radius:80px;-moz-border-radius:80px; border-radius:80px; border-radius:80px;  float:left; margin-left:calc(50% - 30px); background:#ececec url(../images/contact_icon.png) center center no-repeat}
#container .box-form .totalfee{ height:85px; background:#dfdfdf; margin-top:0px; }
#container .box-form .totalfee .totalfee-l p{ font-size:14px; font-weight:bold}
#container .box-form .totalfee .totalfee-l .numbertotal{ font-size:26px; margin-right:10px;}
#container .box-form .totalfee .totalfee-l{ width:calc(100% - 17px)}
#container .box-form .totalfee .totalfee-r{ width:100%; background:none; margin-top:13px;}
#container .box-form .totalfee .totalfee-r .arrow-from{ display:none}
#container .box-form .totalfee .totalfee-r .btnmovestep{ margin-left:calc(50% - 105px); width:175px;}
#container .box-form .contact-info{ text-align:center; margin-top:30px; margin-bottom:20px}
#container .box-form .otherinfo{ background:#f5f5f5; padding-bottom:30px; padding-top:20px}
#container .box-form .otherinfo li{ width: calc(100% - 34px); margin-left:17px;}

#step2 input:focus::-webkit-input-placeholder, #step2 select:focus::-webkit-input-placeholder{ color:#f2f3f3}
#step2 input, #step2 select{  border-color:#f2f3f3 ; background-color:#f2f3f3}
.error, .error_step1{  border-color:#df1f26 !important}
#step2 input:focus,#step2 select:focus{border-color: #4598cd !important;	-webkit-box-shadow:inset 0 0 3px #b2b2b2 !important;	-moz-box-shadow:inset 0 0 3px #b2b2b2 !important;	box-shadow:inset 0 0 3px #b2b2b2 !important;}

#step2 { font-size:14px}
#step2 .text-rq-step2{ width:calc(100% - 34px); margin-left:17px}
#step2 .bottom-step{ font-size:13px; text-align:left; text-transform:capitalize; display:none;}
#step2 .for_mobile{ display:block; padding-bottom:0px; float:left; width:100%}
#step2 .for_mobile a{ padding:0px}
#step2 .for_mobile .i-prev{ margin-right:5px}
#step2 .for_mobile .i-next{ margin-left:5px}
#step2 .for_mobile div:first-child{ border-right:#666 2px solid; width:calc((100% - 271px - 34px) / 2 + 102px); float:left; margin-left:17px}
#step2 .for_mobile div:nth-child(2){ width:calc((100% - 271px - 34px) / 2 + 167px); float:left; text-align:right}
#step2 input, #step2 select{/*height:34px*/; font-size:13px;}
#step2 .applicant-row{ width:calc(100% - 34px); margin-left:17px; margin-top:30px}
#step2 .applicant-row .title{ font-size:14px; text-align:center; background:url(../images/title_line.png) bottom center no-repeat; padding-bottom: 14px;}
#step2 .applicant-row .clumn{ width:100%; float:left; margin-top:20px}
#step2 .applicant-row .clumn .description{ display:block; margin-top:2px; margin-left:4px; }
#step2 .applicant-row .clumn .icons{ display:none}
#step2 .applicant-row .clumn input{ width:100% !important}
#step2 .applicant-row .clGender{ width:calc(40% - 10px) !important;}
#step2 .applicant-row .clDoB{ width:calc(60% - 10px) !important; margin-right:0px; float:right}
#step2 .totalfee{ margin-top:50px; height:36px}
#step2 .totalfee .totalfee-r{ width:100%; text-align:center; background-color:#dfdfdf}
#step2 .totalfee .totalfee-r .btnmovestep{ margin: -16px 0px 0px 0px}
#step2 .totalfee .totalfee-r .arrow-from{ display:none}
#step2 .bottom_mobile{ background:#dfdfdf; margin-top:0px; padding-bottom:20px;}

/* fix datetimepicker */
#ui-datepicker-div{ width:calc(100% - 54px) !important; max-width:300px !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ width:30px !important; height:28px !important; top:0px !important; }
.ui-datepicker .ui-datepicker-next{ right:0px !important}
.ui-datepicker .ui-datepicker-prev{ left:0px !important}
#ui-datepicker-div td{ height:26px !important; font-size: 14px; font-weight:normal}

#step3 input:focus::-webkit-input-placeholder, #step3 select:focus::-webkit-input-placeholder{ color:#f2f3f3}
#step3 input, #step3 select, #step3 textarea{background-color:#f2f3f3}
#step3 input:focus,#step3 select:focus{border-color: #4598cd !important;	-webkit-box-shadow:inset 0 0 3px #b2b2b2 !important;	-moz-box-shadow:inset 0 0 3px #b2b2b2 !important;	box-shadow:inset 0 0 3px #b2b2b2 !important;}

#step3 .text-rq-step2{ width:calc(100% - 34px); margin-left:17px}
#step3 .app-review{ width:calc(100% - 34px); margin-left:17px; padding-bottom:9px}
#step3 .app-review .app-image{ height:44px; width:43px; float:left; margin-left:17px}
#step3 .app-review .app-image img{ height:44px; width:43px;}
#step3 .app-review ul.info-review{ width:calc(100% - 60px); float:left}
#step3 .app-review ul.info-review ul{ margin-left:-43px; font-size:13px; width:calc(100% + 30px);}
#step3 .app-review ul.info-review ul:first-child{ margin-top:20px}
#step3 .app-review .info-review .top h4{ float:none; margin-top:14px; margin-left:10px}
#step3 .app-review .info-review .top i.i-edit{ float:left; margin:3px 5px 0px 10px}
#step3 .app-review .info-review .top i.i-collapse,#step3 .app-review .info-review .top i.i-expand{ width:26px; height:20px; border-radius: 30px; border:#4598cd 2px solid; font-size:14px; float:right; margin-top:-20px; margin-right:14px; text-align:center; padding-top:6px; cursor:pointer; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;font: normal normal normal 14px/1 FontAwesome;}
#step3 .app-review .info-review .moreDetail{ display:none; margin-bottom:20px}
#step3 .app-review .info-review .top i.i-collapse:before{content: "\f067";}
#step3 .app-review .info-review .top i.i-expand:before{content: "\f068";}

#step3 .app-review .app-price{ position:inherit; right:inherit; width:calc(100% - 34px); float:left; border-top:#f4f4f4 1px solid; text-align:inherit; padding:13px 17px 0px 17px; }
#step3 .app-review .app-price p{ float:right; padding-top:0px; margin-top:-4px}
#step3 .app-review .app-price p .price{font-size:22px;}

#step3 .Fast_track_flight{ margin-top:40px}
#step3 .Fast_track_flight, #step3 .other-info .other-left{ width:calc(100% - 34px); margin-left:17px}
#step3 .Fast_track_flight .title, #step3 .other-info .title{ font-size:16px; font-weight:bold; color:#666666}
#step3 .other-info .title{ padding-bottom:0px}
#step3 .Fast_track_flight p{ line-height:18px}
#step3 .Fast_track_flight ul.fasttrack, #step3 .other-info ul.fasttrack{ width:calc(100% - 10px); margin-left:10px}
#step3 .Fast_track_flight ul.fasttrack li{ width:100%; float:left}

#step3 .other-info .other-right{ width:100%}
#step3 .other-info .other-right .title{ margin-left:17px}
#step3 .other-info .other-right .total-top{ border-radius:0px 0px 0px 0px; padding-left:17px; padding-right:17px; width:calc(100% - 34px)}
#step3 .other-info .other-right .total-top p{ padding-left:0px}
#step3 .other-info .other-right .total-top ul{ margin-left:10px; width:calc(100% - 10px)}
#step3 .other-info .other-right .total-bottom ul{width:calc(100% - 34px); margin-left:17px}
#step3 .other-info .other-right .total-bottom ul li input.coupon{ width:calc(100% - 131px) !important; height:22px; background:#fff}
#step3 .other-info .other-right .total-bottom ul li #apply_promotion{ height:34px; background:-webkit-gradient(linear, left top, left bottom, from(#67b5e8), to(#4597cb)); width:111px;border-color:#1d76af !important;border: 1px #1d76af solid;border-radius: 3px;padding: 5px 12px;font-size: 13px;font-weight: normal;color: #FFF;text-transform: uppercase;background-color: #58a8db;box-shadow: 0px 1px 0px #b7e3ff inset}

#step3 .other-info .other-left .Private_car .fasttrack #carpickupform > li { width:calc(100% - 17px)}
#step3 .other-info .other-left .Private_car .fasttrack #carpickupform > li .name{ width:calc(100% - 30px)}
#step3 .other-info .other-left .Private_car .fasttrack #carpickupform > li .price{ font-size:30px; font-weight:bold}
#step3 .other-info .other-left .Private_car .title_car .tip_booking{ left:-270px; top:-200px}
#step3 .other-info .other-left .Private_car .title_car .tip_booking .arrow_note{background: url(../images/arrow7_down.gif) no-repeat;height: 16px;width: 15px;top: 181px;left: 268px;}
#step3 .other-info .other-left .Hotel .title_car .tip_booking{ left:-185px; top:-130px}
#step3 .other-info .other-left .Hotel .title_car .tip_booking .arrow_note{background: url(../images/arrow7_down.gif) no-repeat;height: 16px;width: 15px;top: 109px;left: 183px;}

#step3 .other-info .other-left .Hotel .fasttrack #hotelform > li { width:100%}
#step3 .other-info .other-left .Hotel .fasttrack #hotelform > li > ul{ width:calc(100% - 17px);}
#step3 .other-info .other-left .Hotel .fasttrack #hotelform > li > ul > li > select{ width:calc(100% - 80px); height:34px}
#step3 .other-info .other-left .Hotel .fasttrack #hotelform > li > ul > li > label{ padding-top:5px;}
#step3 .other-info .other-left .Hotel .fasttrack #hotelform > li.hotel_yesR{ margin-left:20px; width:calc(100%  - 20px); height:90px}
#step3 .other-info .other-left .Hotel .fasttrack #hotelform > li.hotel_yesR > textarea{ width:calc(100% - 17px)}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#step3 .app-review .info-review .top i.i-collapse,#step3 .app-review .info-review .top i.i-expand{ padding-top:8px; height:18px;}

}
/* popup */
.modal_popup_login{ width:calc(100% - 34px); margin-left:17px; margin-top:20px; webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.modal_popup_login h3{ background:#FFFFFF; text-transform:uppercase; height:30px; font-size:16px; color:#666666}
.modal_popup_login div.content_popup{ width:100%;padding-left: 0px;; padding-right:0px; padding-bottom:15px}
.modal_popup_login div.content_popup p{ background:#f2f3f3; padding:25px 17px; width:calc(100% - 34px); margin-bottom:0px;}
.modal_popup_login .button_check{ width:inherit;}
.modal_popup_login .button_check a.btn_sigin{ font-size:14px; text-transform:none; padding-left:inherit; padding-right:inherit; webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top:10px}

.modal_popup .content_popup > div { width:calc(100% - 34px); text-align:left; margin-left:17px; margin-top:15px; font-size:13px;}
.modal_popup .content_popup > div.button_check{ margin-top:0xp}
.modal_popup .content_popup > div.button_check > a{ width:100%}


#edit-infor{ width:calc(100% - 34px); top:10px; left:0px; margin-left:17px;position: absolute !important}
#edit-infor .poprussian{ width:100%; overflow:hidden}
#edit-infor .poprussian .popup-edit{ width:100%; padding:0px; webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#edit-infor .poprussian .popup-edit .ttpop { width:calc(100% - 10px); margin-top:5px;}
#edit-infor .poprussian .popup-edit .applicant-row{ width:calc(100% - 40px); margin-left:20px}
#edit-infor .poprussian .popup-edit .applicant-row .title{padding-bottom:0px}
#edit-infor .poprussian .popup-edit .applicant-row .clumn{ width:100%; margin-left:0px !important}
#edit-infor .poprussian .popup-edit .applicant-row .clumn label, #edit-infor .poprussian .popup-edit .applicant-row .clumn input, #edit-infor .poprussian .popup-edit .applicant-row .clumn select{ width:100% !important;}
#edit-infor .poprussian .popup-edit .applicant-row .clumn label{ font-size:14px; color:#666666}
#edit-infor .poprussian .popup-edit .applicant-row .clumn input, #edit-infor .poprussian .popup-edit .applicant-row .clumn select{ height:28px}
#edit-infor .poprussian .popup-edit .applicant-row .clumn1{ width:calc(40% - 10px); margin-right:20px;}
#edit-infor .poprussian .popup-edit .applicant-row .clumn3{ width:calc(60% - 10px); margin-right:0px}
#edit-infor .poprussian .popup-edit .applicant-row .clumn .icons{ display:none}
#edit-infor .poprussian .popup-edit .applicant-row .clumn .description{ display:inline-block;}
#edit-infor .poprussian .popup-edit .btpop{ width:100%; padding-left:0px; padding-right:0px; text-align:center; margin: 15px 0px 20px 0px;}
#edit-infor .poprussian .popup-edit .btpop a.btnapply{ padding: 10px 20px}
#edit-infor .poprussian .popup-edit .applicant-row .clumn input:focus::-webkit-input-placeholder, #edit-infor .poprussian .popup-edit .applicant-row .clumn select:focus::-webkit-input-placeholder{ color:#f2f3f3}
#edit-infor .poprussian .popup-edit .applicant-row .clumn input, #edit-infor .poprussian .popup-edit .applicant-row .clumn select{ height:34px; border-color:#f2f3f3; background-color:#f2f3f3}
#edit-infor .poprussian .popup-edit .applicant-row .clumn #nationality{ background:#dedede !important; border-color:#f2f3f3}

/* header */
#header-v4{ float:left}
#header{ height:79px; width:100%; max-width:100%; margin:0px}
#header .avada-row .logo{ width:100%}
#header .avada-row .logo a img{ width:calc(100% - 40px); margin-left:20px; max-width:300px}
#header .avada-row .right_header_login{ margin-right:0px; width:100% !important; margin-right:10px !important}
.right_header_login ul li.btn_profile a{ font-weight:normal}
.header-v4 #small-nav{ width:100% !important; margin:0px; height:inherit}
.header-v4 #small-nav .nav-holder{ display:none}
.header-v4 #small-nav .mobile-nav-holder{ display:block; margin: 5px 17px; }
.header-v4 #small-nav .mobile-nav-holder .mobile-selector{background-image:url(../images/mobile_menu_bg.png);border: 1px solid #DADADA;line-height: 29px;width: calc(100% - 21px); position: relative;font-size: 12px;cursor: pointer;padding-left: 15px;}
.header-v4 #small-nav .mobile-nav-holder .mobile-selector .selector-down{border-left: 1px solid #DADADA;height: 29px;margin: 0;right: 5px;top: 0;width: 40px;position: absolute;}
.header-v4 #small-nav .mobile-nav-holder .mobile-selector .selector-down i{ color:#CCCCCC; font-weight: 200;margin-top: 3px;margin-left: 12px; }
.header-v4 #small-nav .mobile-nav-holder .navigation{ display:none; float:left; background:#fff; width:calc(100% - 6px); border-right:#dbdbdb 1px solid; border-left:#dbdbdb 1px solid; margin-bottom: 5px;}
.header-v4 #small-nav .mobile-nav-holder .navigation li.mobile-nav-item{ border-bottom:#dbdbdb 1px solid; float:left; width:100%; height:auto !important}
.header-v4 #small-nav .mobile-nav-holder .navigation li.mobile-nav-item > a{ width:100%; color:#333; font-size:12px; font-family:"Roboto Condensed",Arial,Helvetica,sans-serif!important; padding:11px 10px; float:left}
.header-v4 #small-nav .mobile-nav-holder .navigation li.mobile-nav-item ul.sub-menu{ width:100%; border: 0px; margin-top:39px; background:#fff;  position:relative}
.header-v4 #small-nav .mobile-nav-holder .navigation li.mobile-nav-item ul.sub-menu > li > a{ color:#171616; font-size:12px; font-family:"Roboto Condensed",Arial,Helvetica,sans-serif!important; padding:7px 10px}
.header-v4 #small-nav .mobile-nav-holder .navigation li.mobile-nav-item ul.sub-menu > li{ border-top:#dbdbdb 1px solid; border-bottom:0px}
.header-v4 #small-nav .mobile-nav-holder .navigation li.mobile-nav-item ul.sub-menu > li > a:before{content: "-";margin-left: 3px;margin-right: 2px;}

/* footer */
.footer-area{ width:100%; margin:0px; border-top:0px}
.footer-area .avada-row .columns article{ width:calc(100% - 34px); padding-left:17px; padding-right:17px; padding-bottom:20px; margin-bottom:20px}
.footer-area h3{ font-size:13px; margin-bottom:18px}
.footer-area .col .menu li a{ font-size:12px; font-family:"Arimo",Arial,Helvetica,sans-serif!important}

#footer{ width:100%; border-color: #125077 !important; margin-left:0px; padding-left:0px; padding-right:0px;}
#footer .avada-row ul{ width:calc(100% - 34px)}
#footer .social-networks {width: 100%!important; margin: 0 auto; position: relative; left: -11px; text-align:center; padding-bottom:15px}
#footer .social-networks li{ float:none; display:inline-block}
#footer .copyright{ font-size:14px; margin-left:17px; text-align:center}

#toTop {background-color: #333; border-radius: 4px 4px 0 0; bottom: 0; color: #FFF; display: none; height: 28px; position: fixed; right: 30px; text-align: center; text-transform: uppercase; width: 48px; padding-top: 10px; opacity: 0.9; z-index: 10000; transition: all 0.2s ease-in-out 0s;}

/*fix visiable subiz bar chat*/
.sbzon{ display:none !important}
.footer-area{ display:none}
#footer{ display:none}
}


#toTop:before {
font-family: "fontawesome";
content: "\f077";
}
#toTop:visited{ text-decoration:none}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}