/* ==========================================================================
   > General
   ========================================================================== */
.wrapper { overflow: hidden; }


/* ==========================================================================
   > Responsive
   ========================================================================== */
/* ----------- iPhone X ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

  	.reviews .header-top h2,
  	.about .header-top h2,
  	.portfolio .header-top h2,
  	.client .header-top h2,
  	.contact .header-top h2 { font-size: 27px; }

	.about .server { left: 29%; }

	.about .circle { left: 1%; }

	.about .sumos_icon,
	.about .death_icon,
	.service .death_icon,
	.service .jupiter_icon,
	.reviews .star_icon,
	.reviews .snes,
	.reviews .pc_keboard,
	.reviews .link { display: none; }

	.service .server { top: 0; left: 28%; }

	.reviews .phone { left: 34%; top: -7%; }

	.portfolio,
	.contact .card-body { padding: 0; }

	.reviews .carousel-inner { height: 740px !important; }

	.contact .contact-button { max-width: 100%; }

	.client,
	.contact { padding-top: 0; }

	.portfolio .single_portfolio_area { text-align: center; }

	.service { padding-bottom: 0; }

	footer .single-link-content ul li { display: block; }
	footer .single-link-content ul li::after { content: none; }

	footer .single-link-content p { font-size: 14px; }

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

  	.about .bergur_icdon,
  	.about .star_icon,
  	.about .bergur_icon { display: none; }

  	.about .server { left: 33%; }

  	.project { width: auto; }

  	.project .row,
  	.service .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }

  	.project .col-sm-12 { width: auto; }

  	.service .col-sm-12 { width: 90%; }

	.service,
	.portfolio,
	.portfolio .single_portfolio_area { padding-bottom: 0; }

	footer .single-link-content ul li { display: block; }
	footer .single-link-content ul li::after { content: none; }

	footer .single-link-content p { font-size: 14px; }

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  	.reviews .header-top h2,
  	.about .header-top h2,
  	.portfolio .header-top h2,
  	.client .header-top h2,
  	.contact .header-top h2 { font-size: 27px; }

  	.about .bergur_icdon,
  	.about .star_icon,
  	.about .bergur_icon,
  	.about .sumos_icon,
  	.about .death_icon,
  	.service .server,
  	.service .death_icon,
  	.service .jupiter_icon,
  	.reviews .phone,
  	.reviews .pc_keboard,
  	.reviews .snes,
  	.reviews .link,
  	.reviews .star_icon { display: none; }

  	.about .server { left: 33%; }

  	.project { width: auto; }

  	.project .row,
  	.service .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }

  	.project .col-sm-12 { width: auto; }

  	.service .col-sm-12 { width: 90%; }

  	.reviews .carousel-inner { height: 740px !important; }

  	.contact .card-body { padding: 0; }

  	.portfolio,
  	.reviews,
  	.service,
	.contact { padding-top: 0; }

	.portfolio .single_portfolio_area { text-align: center; }

	.service,
	.portfolio,
	.portfolio .single_portfolio_area { padding-bottom: 0; }

	footer .single-link-content ul li { display: block; }
	footer .single-link-content ul li::after { content: none; }

	.contact .contact-button { max-width: 100%; }

	footer .single-link-content p { font-size: 14px; }	
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	.reviews .header-top h2,
  	.about .header-top h2,
  	.portfolio .header-top h2,
  	.client .header-top h2,
  	.contact .header-top h2 { font-size: 27px; }

  	.about .bergur_icdon,
  	.about .star_icon,
  	.about .bergur_icon,
  	.about .sumos_icon,
  	.about .death_icon,
  	.service .server,
  	.service .death_icon,
  	.service .jupiter_icon,
  	.reviews .phone,
  	.reviews .pc_keboard,
  	.reviews .snes,
  	.reviews .link,
  	.reviews .star_icon { display: none; }

  	.about .server { left: 33%; }

  	.project { width: auto; }

  	.project .row,
  	.service .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }

  	.project .col-sm-12 { width: auto; }

  	.service .col-sm-12 { width: 90%; }

  	.reviews .carousel-inner { height: 740px !important; }

  	.contact .card-body { padding: 0; }

  	.portfolio,
  	.reviews,
  	.service,
	.contact { padding-top: 0; }

	.service,
	.portfolio,
	.portfolio .single_portfolio_area { padding-bottom: 0; }

	.portfolio .single_portfolio_area { text-align: center; }

	.about .circle { left: 3%; }

	footer .single-link-content ul li { display: block; }
	footer .single-link-content ul li::after { content: none; }

	footer .single-link-content p { font-size: 14px; }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.about .bergur_icon,
	.about .death_icon { display: none; }

	.about .circle { left: 3%; top: 27%; }

	.about .sumos_icon { right: 0; }

	.service .jupiter_icon { top: 91%; }
	.service .death_icon { top: 88%; }

	.reviews .star_icon { top: 82%; }

	.reviews .link { top: 79%; }

	.reviews .pc_keboard,
	.reviews .snes { top: 33%; }

	.portfolio .hunda { left: -4%; top: 6%; }
	.portfolio .dance { right: -3%; top: 6%; }

	.contact .contact-mouse { left: -4%; }
	.contact .berger-contact { right: -9%; }

	.contact .contact-head { display: none !important; }

	.floating-wpp { bottom: 40px !important; }

	.carousel-indicators { bottom: 0; }
	.service .supper_maria { right: 2%; }

}

/* Landscape */
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

  	.service .supper_maria,
  	.reviews .snes { right: 0; }

  	.service .server { left: 0; }

  	.client .game { top: 10%; }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.about .sumos_icon { right: 1%; top: 2%; }

	.about .bergur_icon,
	.about .death_icon,
	.reviews .link,
	.portfolio .smile,
	.portfolio .buddist-doll { display: none; }

	.about .circle,
	.service .server { left: 1%; }

	.service .jupiter_icon { top: 94%; }
	.service .death_icon { top: 92%; }

	.reviews .star_icon { display: none; }
	.reviews .pc_keboard { top: 32%; }
	.reviews .snes { top: 33%; }

	.contact .contact-mouse { left: -4%; }

	.contact .berger-contact { top: -1%; }

	.contact .contact-head { display: none !important; }

	.floating-wpp { bottom: 71px !important; }

	.about .server { left: 2%; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 1536px) 
  and (max-device-width: 2152px) 
  and (orientation: portrait) {

    .header { -webkit-background-size: 100% auto;
    background-size: 90% auto; }

    .header .container,
    .header .col-md-8 { max-width: 100%; }

    .header .col-md-8 { flex: 100%; }

    .header .col-md-8 .logo-img { padding-top: 19vh; }

    .header .col-md-8 .logo-img a { width: 90%; }
    .header .col-md-8 .logo-text a { width: 80%; }

    .header .col-md-8 .caption-icon a { width: 28%; }

    .header .logo-img,
    .header img { width: 100%; }

    .service .server,
    .reviews .pc_keboard { left: 3%; }

    .service .supper_maria,
    .service .death_icon { right: 3%; }

    .contact .contact-head { left: -3%; }

}

/* Landscape */
/* Portrait */
@media only screen 
  and (min-device-width: 2152px) 
  and (max-device-width: 2152px) 
  and (orientation: landscape) {

    .header .container,
    .header .col-md-8 { max-width: 100%; }

    .header .col-md-8 { flex: 100%; }

    .header .col-md-8 .logo-img { padding-top: 19vh; }

    .header .col-md-8 .logo-img a { width: 47%; }
    .header .col-md-8 .logo-text a { width: 37%; }

    .header .col-md-8 .caption-icon a { width: 15%; }

    .header .logo-img,
    .header img { width: 100%; }

}