/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 17 2020 | 19:33:58 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


@media screen and (max-width: 1730px) {
  #wrap-2 img{
    height: 62.5%!important;
    top: 37%!important;
  }
  .close-img{
    right: 16%!important;
    top: 32.5%!important;
  }
  
}

@media screen and (max-width: 1630px) {
  #wrap-2 img{
    height: 58.6%!important;
    top: 41%!important;
    height: 55.6%!important;
    top: 28%!important;
    left: 18%!important;
  }
  .close-img{
    right: 16.5%!important;
    top: 36.5%!important;
    right: 17.5%!important;
    top: 23.5%!important;
  }
}

@media screen and (max-width: 1530px) {
  #wrap-2 img{
    height: 53.5%!important;
    top: 29%!important;
    left: 18%!important;
  }
  .close-img{
    right: 17.5%!important;
    top: 32.5%!important;
    right: 15.5%!important;
    top: 24.5%!important;
}
  }
}

@media screen and (max-width: 1430px) {
  #wrap-2 img{
    height: 49.5%!important;
    top: 41%!important;
    top: 30%!important;
    left: 20.5%!important;
  }
  .close-img{
    right: 18%!important;
    top: 36.5%!important;
    right: 17.5%!important;
    top: 25.5%!important;
  }
}

@media screen and (max-width: 1350px) {
  #wrap-2 img{
    height: 47.5%!important;
    top: 43%!important;
    left: 21%!important;
  }
  .close-img{
    right: 18.5%!important;
    top: 38%!important;
    right: 18%!important;
    top: 31.5%!important;
  }
  
  .img-title {
    margin-left: 29px!important;
    margin-bottom: -7px!important;
    max-width: 311px!important;
  }
  
  .mandatory-text {
    /*height: 234px!important;*/
  }
  
  .close-btn{
    margin-top: -1px!important;
    margin-right: -29px!important;
    right: 33px!important;
    top: 7px!important;
    position: relative!important;
  }
  
  .img-title-back {
        padding-top: 9px!important;
    margin-bottom: -31px!important;
    margin-top: 17px;
    max-width: 390px!important;
    WIDTH: 390px!important;
    height: 57px!important;
  }
 
  .game-desc .platforms {
    margin-top: -7px!important;
  }
  
  .game-desc .publisher {
    margin-left: 9.2px!important;
  }
  
  #footer-bottom #footer-bottom-menu ul {
    width: 70%!important;
  }
  
  .game-desc .bold-aspect {
    margin-right: 24px!important;
  }
  
  .overlay{
    background-position: -75px -73px!important;
  }
  
}

@media screen and (max-width: 1230px) {
  #wrap-2 img{
    height: 43.5%!important;
    top: 36%!important;
    left: 21%!important;
}
  #our-team > img {
    width: 60%!important;
}
  
  .overlay {
    background-position: -83px -80px!important
}
  
}

@media screen and (max-width: 1150px) {
  #wrap-2 img {
    height: 40.5%!important;
    height: 40.5%!important;
    top: 34%!important;
    left: 21.2%!important;
  }
  
  .close-img {
    right: 17.5%!important;
    top: 29.5%!important;
  }
  
}

@media screen and (max-width: 1080px) {
  
  #our-team .team-pic {
    top: -54px!important;
    width: 60%!important;
  }
  
  #portfolio{
    background-image: url(/wp-content/uploads/2019/12/dots-portfolio.svg) !important;
    background-position: center 91% !important;
  }
  
  
  #footer-bottom-menu .menu-item-1648 {
    padding-left: 16px!important;
  }
  
  .img-title {
    max-width: 278px!important;
    margin-bottom: 1px!important;
  }
  
  .img-title-back {
    max-width: 337px!important;
    WIDTH: 337px!important;
  }
  
  .slider-game-details{
    margin-top: 31px!important;
  }
  
  .game-desc .bold-aspect {
    margin-right: 20px!important;
  }
  
  .overlay{
    background-position: -54px -52px!important;
  }
  
  .close-img {
    right: 16%!important;
    top: 29%!important;
  }
  
  #wrap-2 img {
    height: 40.5%!important;
    top: 34%!important;
    left: 20%!important;
  }
  
}

@media only screen and (max-width: 980px){

  body.default-breakpoint #top-bar-nav, body.default-breakpoint #site-navigation-wrap, body.default-breakpoint .oceanwp-social-menu, body.default-breakpoint .after-header-content{
    display:none!important;
  }
  body.default-breakpoint .oceanwp-mobile-menu-icon {
    display: block!important;
  }

  .container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 90%!important;
  }

  .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"!important;
  }

  .game-desc .publisher {
    margin-left: 36.2px!important;
  }
    
  .img-title-back {
    max-width: 745px!important;
    WIDTH: 745px!important;
    margin-left: -70px;
    height: 66px!important;
    margin-bottom: -42px!important;
  }
  
  .img-title {
    max-width: 416px!important;
    height: 43px;
    margin-left: 54px!important;
    margin-bottom: -1px!important;
  }
  
  .game-desc .publisher .bold-aspect {
    margin-right: 5px!important;
  }
  
  #wrap-2 img {
    left: 13%!important;
    height: 40.5%!important;
    top: 20%!important;
  }
  
  .close-img {
    right: 8.5%!important;
    top: 15.5%!important;
  }
  
  .overlay {
    background-position: -71px -69px!important;
  }
  
}
@media only screen and (max-width: 860px){
 #wrap-2 img {
    left: 14%!important;
    height: 34.5%!important;
    top: 22%!important;
  }
  
  .close-img {
    right: 8.5%!important;
    top: 17.5%!important;
  }
}

@media screen and (max-width: 750px) {
	#footer-widgets {
    padding: 27px 0!important;
  }
  
  .icon-fb{
    left: 15px !important;
}
  
  .icon-fb, .icon-tw {
	right:0px !important;
    bottom: -15px !important;
}
  
  .icon-tw {
    left: 50px !important;
}
  
  #footer-bottom #copyright
  {
  	bottom:23px !important;
  }
  
  .home .scroll-top-right {
    bottom: 0.80% !important;
}
  
  .close-img {
    right: 7.5%!important;
    top: 17.5%!important;
  }
  
  #wrap-2 img {
    left: 13.5%!important;
    height: 31.5%!important;
    top: 22%!important;
  }
 
  .game-desc .publisher .bold-aspect {
    margin-right: 15px!important;
  } 
  .overlay {
    background-position: -119px -119px!important;
  }
 
}


@media screen and (max-width: 640px) {
  .close-img {
    right: 0.5%!important;
  }
  
  #wrap-2 img {
    left: 7.2%!important;
    height: 31.5%!important;
  }
}