/*-------------------------------------Menu css-------------------------------------*/
.navigation ul { list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 99; }
.navigation li { display: inline-block; float: left; margin-right: 1px; }
.navigation li a { /*splay: block;
	min-width: 140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background: #2f3036;
	text-decoration: none;*/
}
.navigation li:hover a { /*ckground: #19c589;*/
}
.navigation li:hover ul a { background: #f3f3f3; color: #2f3036; height: 40px; line-height: 40px; }
.navigation li:hover ul a:hover { background: #404040; color: #fff; }
.navigation li ul { display: none; }
.navigation li ul li { display: block; float: none; }
.navigation li ul li a { width: auto; min-width: 100px; padding: 0 20px; }
.navigation ul li a:hover + .hidden, .hidden:hover { display: block; }
.navigation .show-menu { text-decoration: none; color: #fff; background: #404040; text-align: center; padding: 14px 0; display: none; font-size: 20px; font-family: 'Open Sans', sans-serif; }
.navigation .show-menu .fa { margin-right: 12px; }
.navigation input[type=checkbox] { display: none; }
.navigation input[type=checkbox]:checked ~ #menu { display: block; }
@media screen and (max-width : 959px) {
.navigation ul { position: static; display: none; }
.navigation li { border-bottom: 1px solid #404040; position: relative; z-index: 9; background-color: #ff302c; }
.navigation ul li, .navigation li a { width: 100%; }
.navigation .show-menu { display: block; }
.navigation ul li .active { background-image: none; display: block; }
}
/*-------------------------------------Responsive css-------------------------------------*/
@media screen and (max-width:240px) {
}
@media screen and (min-width:241px) and (max-width:319px) {
.logo_top div:first-child, .logo_top div:last-child { display: none; }
.mail-mobile { display: block; }
.contact_adres { float: none; width: 86%; margin: 10px auto; }
.left_area .city-banner { width: 100%; height: auto; background-size: contain; padding-bottom: 12px; }
.city-banner-top { width: 96%; height: auto; background: url(../images/iso-certi.png) no-repeat 6px 75px; font-size: 17px; padding: 200px 2% 0; }
.best-detective-div { float: none; line-height: 30px; width: 96%; height: auto; font-size: 18px; margin: 0px 2%; padding-bottom: 18px; }
.city-call { width: 86%; height: auto; float: none; margin: 0 auto; padding: 0 2%; }
.services2 ul li { margin: 10px 1%; width: 98% !important; }
.spy_4phones { float: left; height: 40px; width: 96%; font-weight: bold; background: url(../images/mb_ico.jpg) no-repeat top right; margin: 10px 5px 0; font-size: 25px; }
.white_box2 ul { margin: 10px 0 0 8px; }
.client { width: 86%; margin: 6px auto; height: 37px; border: 1px dashed #CCCCCC; float: none; }
.white_box2 img { width: 86%; }
.footer_nav ul li { line-height: 28px!important; }
#topconainer { background: none; }
#inner_area { width: 100%; }
#header { height: auto; }
.logo_top { height: auto; width: 100%; padding: 0; background-color: #dddddd; display: inline-block; }
.logo_top div { float: none; margin: 0; width: 100%; display: inline-block; text-align: center; }
.logo_top div img { float: none; }
.logo_top div strong { float: none; line-height: 27px; padding: 6px 0; vertical-align: text-bottom; }
.logo { float: none!important; padding: 10px; }
.logo a { text-align: center; display: block; }
.logo img { margin: 0 auto; max-width: 220px; height: 50px; }
.call { height: 42px; width: auto; float: none; margin: 6px auto 0; background: url(../images/call.png) no-repeat; padding: 0 0 0 42px; display: table; background-size: 42px auto; }
.call strong, .mail strong { font-size: 14px; line-height: 42px; margin: 0 5px; float: left; }
.mail { height: 42px; width: auto; float: none; margin: 6px auto 0; background: url(../images/eml.png) no-repeat 0px 0px; padding: 0 0 0 42px; display: none; background-size: 42px auto; }
.Certificate { height: 64px; width: auto; float: none; margin: 6px 16px 0; background: url(../images/iso.png) no-repeat 0px 7px; padding: 0; display: none; }
.navigation { width: 100%; }
.left_area { float: none; width: 98%; padding: 2px 1% 0; clear: both; }
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
#sliderFrame { position: relative; width: 100%!important; margin: 0 auto; }
#slider, #slider div.sliderInner { width: 100%!important; height: 289px; background-size: cover!important; background-attachment: scroll!important; background-repeat: no-repeat!important; background-position: center center!important; }
#slider img { width: 100%; height: auto; }
#slider div.navBulletsWrapper { left: 0!important; text-align: right!important; }
.news-area, .service_area, .service_heading { width: 96%; height: auto; padding: 10px 2%; }
ul.slides { padding-right: 40px; }
.news-area p { width: 100%; }
.service_heading { padding-bottom: 8px; }
.services { height: auto; width: 100%; }
.services ul li a { width: 96%!important; margin: 5px 2%!important; height: auto!important; }
.services ul { width: 100%; }
.services ul li { width: 100%!important; display: inline-block; }
.services ul li a img { float: left; margin: 3px 0 0 10px; }
.services ul li a strong.chng, .services ul li a strong { width: auto!important; float: none!important; margin: 12px 0!important; line-height: 18px; height: auto; display: block; }
.content { width: 100%; }
.right_area { width: 28%; padding: 10px 2% 0 0; }
.right_box, .white_box2 { width: 100%; }
.box_heading { height: 60px; width: 100%; top: 18px; left: 0px; background-size: contain; }
.box_heading strong { margin: 0 8px; line-height: 50px; height: auto; }
.white_box table { margin: 66px 0 0 0; width: 100%; }
.white_box table tr td input, .white_box table tr td textarea { width: 96%; padding: 5px 2%; }
.white_box2 { width: 95%; margin: 0px 0 20px 0; }
.right_area { width: 100%; padding: 10px 0 0; }
.right_box { width: 98%!important; padding: 10px 1%; float: left; height: 340px; }
.box_heading { height: 50px; width: 95%!important; top: 8px; left: 3px!important; background-image: none; background-color: #14bfc8; margin: 0 2%; }
.white_box { width: 94%!important; margin: -60px 0 0 0; height: auto; box-shadow: 0 0 0 9px #cbcbcb inset; border: none; padding: 10px 3%; }
.white_box2 { width: 94%!important; margin: 0px 1% 20px; height: auto!important; float: right; padding: 0; box-shadow: 0 0 0 9px #cbcbcb inset; border: none; padding: 14px 2%!important; }
.spy_monitor { width: 100%; }
.white_box2 + br + .right_box { width: 98%; height: auto; padding: 0 1%; }
.client_area { float: none; width: 100%; height: auto; padding: 5px; margin: 65px 0 0 0; }
#footer_area { background-image: none; background-color: #262626; height: auto; }
#footer { width: 100%; margin: 0 auto; height: inherit; }
.footer_left { width: 94%!important; padding: 05px 3% 0!important; height: auto!important; }
.footer_right { width: 96%!important; padding: 05px 0 60px 2%!important; height: auto!important }
.footerheading2 { width: 100%; }
.footerheading { width: 100%; }
.blog { width: 94%; height: auto; }
.blog div { width: 56%; height: auto; }
.testimonials { width: 100%; height: auto; }
.blog div span { height: auto; }
.testimonial_box { width: 100%; height: auto; }
.testimonial_box div { height: 36px; }
#testiitems .slides li { margin-bottom: 0; list-style: none; }
.testimonial_box p { text-align: justify; padding: 5px 20px 10px 10px; font-size: 12px; height: auto; font-weight: bold; line-height: 18px; }
.pointer { margin: 0 0 0px 124px; position: absolute; bottom: -18px; right: 68px; }
.testimonials strong { width: 100%; position: absolute; bottom: -42px; right: 32px; }
.footer_nav { border-top: 8px solid #161616; float: none; height: auto!important; margin: 0; width: 96%; background-color: #f91410; padding: 0 2%; display: inline-block; text-align: center; }
.footer_nav ul { display: inline-block; }
.footer_nav ul li { line-height: 45px; }
.copyright { float: none; margin: 0; width: 100%; text-align: center; padding: 0; line-height: 45px; background-color: #f91410; border-top: 1px solid #161616; }
}
@media screen and (min-width:320px) and (max-width:639px) {
.mail-mobile { display: block; clear: both; }
.whatsapp { float: none; margin: 10px auto 0; }
.contact_adres { float: none; width: 86%; margin: 10px auto; }
.left_area .city-banner { width: 100%; height: auto; background-size: contain; padding-bottom: 12px; }
.city-banner-top { width: 96%; height: auto; background: url(../images/iso-certi.png) no-repeat 6px 75px; font-size: 17px; padding: 200px 2% 0; }
.best-detective-div { float: none; line-height: 30px; width: 96%; height: auto; font-size: 18px; margin: 0px 2%; padding-bottom: 18px; }
.city-call { width: 86%; height: auto; float: none; margin: 0 auto; padding: 0 2%; }
.services2 ul li { margin: 10px 1%; width: 98% !important; }
#topconainer { background: none; }
#inner_area { width: 100%; }
#header { height: auto; }
.logo_top { height: auto; width: 100%; padding: 0; background-color: #dddddd; display: inline-block; }
.logo_top div { float: none; margin: 0; width: 100%; display: inline-block; text-align: center; }
.logo_top div:first-child, .logo_top div:last-child { display: none; }
.logo_top div img { float: none; }
.logo_top div strong { float: none; line-height: 27px; padding: 6px 0; vertical-align: text-bottom; }
.logo { float: none!important; padding: 10px; }
.logo a { text-align: center; display: block; }
.logo img { margin: 0 auto; max-width: 220px; height: 50px; }
.call { height: 42px; width: auto; float: none; margin: 6px auto 0; background: url(../images/call.png) no-repeat; padding: 0 0 0 42px; display: none; background-size: 42px auto; }
.call strong, .mail strong { font-size: 14px; line-height: 42px; margin: 0 5px; float: left; }
.mail { height: 42px; width: auto; float: none; margin: 6px auto 0; background: url(../images/eml.png) no-repeat 0px 0px; padding: 0 0 0 42px; display: none; background-size: 42px auto; }
.email{ display: none;}
.Certificate { height: 64px; width: auto; float: none; margin: 6px 16px 0; background: url(../images/iso.png) no-repeat 0px 7px; padding: 0; display: none; }
.navigation { width: 100%; }
.left_area { float: none; width: 98%; padding: 2px 1% 0; clear: both; }
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
#sliderFrame { position: relative; width: 100%!important; margin: 0 auto; }
#slider, #slider div.sliderInner { width: 100%!important; height: 289px; background-size: cover!important; background-attachment: scroll!important; background-repeat: no-repeat!important; background-position: center center!important; }
#slider img { width: 100%; height: auto; }
#slider div.navBulletsWrapper { left: 0!important; text-align: right!important; }
.news-area, .service_area, .service_heading { width: 96%; height: auto!important; padding: 10px 2%; }
ul.slides { padding-right: 40px; }
.news-area p { width: 100%; }
.service_heading { padding-bottom: 8px; }
.services { height: auto !important; width: 100%; }
.services ul li a { width: 96%!important; margin: 5px 2%!important; height: auto!important; }
.services ul { width: 100%; }
.services ul li { width: 100%!important; display: inline-block; }
.services ul li a img { float: left; margin: 3px 0 0 10px; }
.services ul li a strong.chng, .services ul li a strong { width: auto!important; float: none!important; margin: 12px 0!important; line-height: 18px; height: auto; display: block; }
.content { width: 100%; height: auto!important; }
.right_area { width: 28%; padding: 10px 2% 0 0; }
.right_box, .white_box2 { width: 100%; }
.box_heading { height: 60px; width: 100%; top: 18px; left: 0px; background-size: contain; }
.box_heading strong { margin: 0 0 0 66px; line-height: 50px; height: auto; }
.white_box table { margin: 66px 0 0 0; width: 100%; }
.white_box table tr td input, .white_box table tr td textarea { width: 96%; padding: 5px 2%; }
.white_box2 { width: 95%; margin: 0px 0 20px 0; }
.right_area { width: 100%; padding: 10px 0 0; }
.right_box { width: 98%!important; padding: 10px 1%; float: left; height: 340px; }
.box_heading { height: 50px; width: 95%!important; top: 8px; left: 3px!important; background-image: none; background-color: #14bfc8; margin: 0 2%; }
.white_box { width: 94%!important; margin: -60px 0 0 0; height: auto; box-shadow: 0 0 0 9px #cbcbcb inset; border: none; padding: 10px 3%; }
.white_box2 { width: 94%!important; margin: 0px 1% 20px; height: auto!important; float: right; padding: 0; box-shadow: 0 0 0 9px #cbcbcb inset; border: none; padding: 14px 2%!important; }
.spy_monitor { width: 100%; }
.white_box2 + br + .right_box { width: 98%; height: auto; padding: 0 1%; }
.client_area { float: none; width: 100%; height: auto; padding: 5px; margin: 65px 0 0 0; }
#footer_area { background-image: none; background-color: #262626; height: auto; }
#footer { width: 100%; margin: 0 auto; height: inherit; }
.footer_left { width: 94%!important; padding: 05px 3% 0!important; height: auto!important; }
.footer_right { width: 96%!important; padding: 05px 0 60px 2%!important; height: auto!important }
.footerheading2 { width: 100%; }
.footerheading { width: 100%; }
.blog { width: 94%; }
.blog div { width: 65%; }
.testimonials { width: 100%; height: auto; }
.testimonial_box { width: 100%; height: auto; }
.testimonial_box div { height: 36px; }
#testiitems .slides li { margin-bottom: 0; list-style: none; }
.testimonial_box p { text-align: justify; padding: 5px 20px 10px 10px; font-size: 12px; height: auto; font-weight: bold; line-height: 18px; }
.pointer { margin: 0 0 0px 124px; position: absolute; bottom: -18px; right: 68px; }
.testimonials strong { width: 100%; position: absolute; bottom: -42px; right: 32px; }
.footer_nav { border-top: 8px solid #161616; float: none; height: auto!important; margin: 0; width: 96%; background-color: #f91410; padding: 0 2%; display: inline-block; text-align: center; }
.footer_nav ul { display: inline-block; }
.footer_nav ul li { line-height: 28px!important; }
.copyright { float: none; margin: 0; width: 100%; text-align: center; padding: 0; line-height: 45px; background-color: #f91410; border-top: 1px solid #161616; }
}
@media screen and (min-width:640px) and (max-width:959px) {
.left_area .city-banner { width: 100%; height: auto; background-size: contain; padding-bottom: 12px; }
.city-banner-top { width: 96%; height: auto; background: url(../images/iso-certi.png) no-repeat 6px 16px; font-size: 17px; padding: 140px 2% 0; }
.best-detective-div { float: none; line-height: 30px; width: 96%; height: auto; font-size: 18px; margin: 0px 2%; padding-bottom: 18px; }
.city-call { width: 86%; height: auto; float: none; margin: 0 auto; padding: 0 2%; }
#topconainer { background: none; }
#inner_area { width: 100%; }
.logo_top { height: 32px; width: 100%; padding: 0; background-color: #dddddd; }
.logo_top div { float: right; margin: 4px 15px 0 0; }
.logo { float: left; padding-left: 10px; }
.navigation { width: 100%; }
.left_area { float: none; width: 98%; padding: 2px 1% 0; clear: both; }
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
#sliderFrame { position: relative; width: 100%!important; margin: 0 auto; }
#slider, #slider div.sliderInner { width: 100%!important; height: 289px; background-size: cover!important; background-attachment: scroll!important; background-repeat: no-repeat!important; background-position: center center!important; }
#slider img { width: 100%; height: auto; }
#slider div.navBulletsWrapper { left: 0!important; text-align: right!important; }
.news-area, .service_area, .service_heading { width: 98%; height: auto; }
.news-area p { width: 100%; }
.service_heading { padding-bottom: 8px; }
.services { height: auto; width: 100%; }
.services ul li a { width: 96%; margin: 5px 2%; }
.services ul { width: 100%; }
.services ul li { width: 33%; display: inline-block; }
.services ul li a img { float: left; margin: 3px 0 0 10px; }
.services ul li a strong.chng, .services ul li a strong { width: 70%; float: right; }
.content { width: 100%; }
.right_area { width: 28%; padding: 10px 2% 0 0; }
.right_box, .white_box2 { width: 100%; }
.box_heading { height: 60px; width: 100%; top: 18px; left: 0px; background-size: contain; }
.box_heading strong { margin: 0 0 0 66px; line-height: 50px; height: auto; }
.white_box table { margin: 66px 0 0 0; width: 100%; }
.white_box table tr td input, .white_box table tr td textarea { width: 96%; padding: 5px 2%; }
.white_box2 { width: 95%; margin: 0px 0 20px 0; }
.right_area { width: 100%; padding: 10px 0 0; }
.right_box { width: 48%; padding: 10px 1%; float: left; height: 340px; }
.box_heading { height: 50px; width: 98%; top: 8px; left: 9px; background-image: none; background-color: #14bfc8; }
.white_box { width: 98%; margin: -60px 0 0 0; height: auto; }
.white_box2 { width: 45%; margin: 0px 1% 20px; height: 336px; float: right; padding: 0; }
.spy_monitor { width: 100%; }
.white_box2 + br + .right_box { width: 98%; height: auto; padding: 0 1%; }
.client_area { float: none; width: 100%; height: auto; padding: 5px; margin: 65px 0 0 0; }
#footer_area { background-image: none; background-color: #262626; height: auto; }
#footer { width: 100%; margin: 0 auto; height: inherit; }
.footer_left { width: 49%!important; padding: 05px 0 0 1%!important; }
.footer_right { width: 96%!important; padding: 05px 0 0 2%!important; }
.footerheading2 { width: 100%; }
.footerheading { width: 100%; }
.blog { width: 94%; height: auto; }
.blog div { width: 68%; height: auto; }
.testimonials { width: 96%; }
.testimonial_box { width: 100%; }
.pointer { margin: 0 0 0px 124px; }
.testimonials strong { width: 100%; }
.footer_nav { border-top: 8px solid #161616; float: none; height: 45px; margin: 0; width: 96%; background-color: #f91410; padding: 0 2%; display: inline-block; text-align: center; }
.footer_nav ul { display: inline-block; }
.footer_nav ul li { line-height: 45px; }
.copyright { float: none; margin: 0; width: 100%; text-align: center; padding: 0; line-height: 45px; background-color: #f91410; border-top: 1px solid #161616; }
}
@media screen and (min-width:1280px) and (max-width:1599px) {
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1920px) {
}
@media print {
}
@media only screen and (max-width: 768px) {
.dtl { float: none; width: 94%; margin: 12px 3%; display: inline-block; }
.dtl div { float: none; width: 96%; min-height: 30px; margin: 0 0 8px 0px; padding: 8px 2%; }
.dtl div strong { font-size: 16px; width: 100%; float: none; }
.dtl div p { width: 100%; float: none; }
.best-detective-div span { font-size: 32px; }
.services ul li { width: 32.9%; display: inline-block; }
.services ul li a { width: 96%; margin: 5px 2%; height: auto; }
.services ul li a strong.chng, .services ul li a strong { width: 64%; float: right; font-size: 12px; margin: 8px 0 0 6px; }
.right_area { width: 100%; padding: 10px 0 0; }
.content p { font-size: 13px; }
.white_box { width: 97%; margin: -60px 0 0 0; height: auto; }
.right_box { width: 48%; padding: 10px 1%; float: left; height: auto; }
.white_box2 { width: 45%; margin: 0px 1% 20px; height: 336px; float: right; padding: 0; }
.white_box2 + br + .right_box { width: 98%; height: auto; }
.box_heading { height: 50px; width: 97%; top: 8px; left: 9px; background-image: none; background-color: #14bfc8; }
.client_area { float: none; width: 100%; height: auto; padding: 12px 0; margin: 65px 0 0 0; }
.footer_nav { border-top: 8px solid #161616; float: none; height: 45px; margin: 0; width: 96%; background-color: #f91410; padding: 0 2%; display: inline-block; text-align: center; }
.footer_nav ul { display: inline-block; }
.footer_nav ul li { line-height: 45px; display: inline-block; float: none; }
.copyright { float: none; margin: 0; width: 100%; text-align: center; padding: 0; line-height: 45px; background-color: #f91410; border-top: 1px solid #161616; }
}
@media screen and (min-width:960px) and (max-width:1199px) {
.left_area .city-banner { width: 100%; height: auto; background-size: contain; padding-bottom: 12px; }
.city-banner-top { width: 96%; height: auto; padding: 20px 2% 0; }
.best-detective-div { float: none; width: 96%; height: auto; margin: 0px 2%; padding-bottom: 18px; }
.city-call { width: 86%; height: auto; float: none; margin: 0 auto; padding: 0 2%; }
.left_area { float: left; width: 68%; padding: 10px 2% 0 0; }
#inner_area { width: 100%!important; }
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
#sliderFrame { position: relative; width: 100%!important; margin: 0 auto; }
#slider, #slider div.sliderInner { width: 100%!important; height: 289px; background-size: cover!important; background-attachment: scroll!important; background-repeat: no-repeat!important; background-position: center center!important; }
#slider img { width: 100%; height: auto; }
#slider div.navBulletsWrapper { left: 0!important; text-align: right!important; }
.news-area, .service_area, .service_heading { width: 97%; height: auto; }
.news-area p { width: 100%; }
.service_heading { padding-bottom: 8px; }
.services { height: auto; width: 100%; }
.services ul li a { width: 96%; margin: 5px 2%; }
.services ul { width: 100%; }
.services ul li { width: 32%; display: inline-block; }
.content { width: 100%; }
.right_area { width: 28%; padding: 10px 2% 0 0; }
.right_box, .white_box2 { width: 100%; }
.white_box { width: 95%; margin: -60px 0 0 0; }
.box_heading { height: 60px; width: 100%; top: 18px; left: 0px; background-size: contain; }
.box_heading strong { margin: 0 0 0 66px; line-height: 50px; height: auto; }
.white_box table { margin: 66px 0 0 0; width: 100%; }
.white_box table tr td input, .white_box table tr td textarea { width: 96%; padding: 5px 2%; }
.white_box2 { width: 95%; margin: 0px 0 20px 0; }
#footer { width: 100%; height: 100%; }
.footer_left { width: 31%; height: 297px; padding: 05px 0 0 2%!important; }
.footer_right { float: left; width: 31%!important; height: 267px; padding: 05px 0 0 2%!important; }
.footerheading2, .testimonials strong { width: 100%; }
.testimonials { width: 100%; height: auto; }
.testimonial_box { height: 176px; width: 100%; }
.testimonial_box p { height: auto; }
.pointer { margin: 0 0 0px 132px; }
}
@media only screen and (max-width: 1200px) {
.navigation ul li a { margin: 0 6px; }
.services2 { width: 100%; }
.services2 ul { margin: 12px 2%; padding: 0px; display: inline-block; width: 96%; }
.services2 ul li { margin: 10px 1%; width: 48%; }
.services2 ul li a { width: 100%; }
.services3 { width: 100%; }
}
@media only screen and (max-width: 1240px) {
.logo { float: left; padding-left: 10px; }
.content h1 { font-size: 18px; padding: 0 10px; }
.content p { height: 240px; width: 96%; overflow: auto; padding: 0 2%; }
.footer_left { float: left; padding: 05px 0 0 12px; }
.footer_right { padding: 05px 0 0 0; width: 476px; }
}
@media screen and (min-width:960px) and (max-width:1239px) {
#inner_area { width: 1200px; }
.logo_top { height: 32px; width: 100%; padding: 0; }
.logo_top div { float: right; margin: 4px 15px 0 0; }
.Certificate { display: none; }
.navigation { width: 100%; }
.footer_nav { float: left; height: 45px; margin: 5px 0 0 10px; width: 640px; }
}


/* 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 */
}