/* -------- MEDIA QUERIES -------- */

@media screen and (max-width: 1520px) {
/* -------- Footer -------- */
.main-footer{padding:150px 80px 135px 80px;}
.cnt-footer{width:70%;padding:60px 25px 0 0;}
.contacts{width:30%;}
.contacts UL{width:100%;}
}

@media screen and (max-width: 1440px) {
/* -------- Services Section -------- */
.services{width:100%;padding:80px 0 0 0;}
.services-wrap {width:100%;padding:40px 40px 100px 40px;}
.services LI {width:48%;margin:0 0 80px 0;padding:0 20px;}
.services P{padding:15px 20px 0 20px;}
}

@media screen and (max-width: 1370px) {
/* -------- About Section -------- */
.about{padding:80px 0 40px 0;}
.about-wrap{width:100%;padding:0 40px;}
.about H2{margin:0 0 45px 0;padding:30px 0 0 0;}
.about P{margin:0 0 12px 0;padding:0 40px;font-size:16px;letter-spacing:1.2px;line-height:120%;}
.team LI{width:100%;float:none;padding:125px 40px 0 40px;margin:0 0 60px 0;}
.team P{font-size:13px;}

/* -------- Clients Section -------- */
.clients H3{margin:0 0 45px 0;}
.clients UL{width:100%;}
.clients UL LI{width:20%;}
.clients UL LI IMG{max-width:100%;}

/* -------- Testimonials Section -------- */
.testimonials{padding:80px 0;}
.testimonials UL{width:100%;}
.testimonials UL LI{width:32%;padding:0 20px;}
.testimonials UL LI P{font-size:15px;line-height:120%;}
}

@media screen and (max-width: 1085px) {
/* -------- Clients Section -------- */
.clients UL LI{width:33%;}

/* -------- Footer -------- */
.main-footer{padding:100px 60px 60x 60px;}
.cnt-footer{width:100%;padding:20px 25px 0 0;float:none;margin:0 0 60px 0}
.contacts{width:100%;float:none;border-top:1px solid #ff5a67;border-left:none;padding:60px 0 0 0;}
}

@media screen and (max-width: 1024px) {
/* -------- Intro Section -------- */
.hero{padding:120px 0 0 0;}
.hero-text {width:100%;padding:0 40px;}
.hero-text IMG{max-width:100px;margin:0 0 30px 0;}
.hero-text H1{font-size:40px;}
.hero-text P{padding:30px 40px 0 40px;width:100%;}

/* -------- Services Section -------- */
.services LI {width:100%;margin:0 0 70px 0;padding:0 40px;}
}

@media screen and (max-width: 750px) {
/* -------- Global -------- */
BODY{padding:0 65px;}
H2 {font-size:26px;}

/* -------- Intro Section -------- */
.hero{padding:100px 0 0 0;}
.hero-text H1{font-size:34px;}
.hero-text IMG{max-width:80px;margin:0 0 25px 0;}

/* -------- Header -------- */
.fix-top{height:65px;padding:15px 65px 0 65px;}
.logo{width:50px;height:36px;background:transparent url('../images/icon@2x.png') no-repeat;background-size:50px;}
.email{font-size:12px;letter-spacing:4px;}

/* -------- Sidebars -------- */
.sidebar-left{width:65px;}
.sidebar-right{width:65px;}
.copy{width:250px;font-size:12px;letter-spacing:4px;}
.lang{width:250px;font-size:12px;letter-spacing:4px;}
.lang LI{width:75px;}

/* -------- Intro Section -------- */
.intro{padding:65px 0;}
.hero{margin:0 0 25px 0;}

/* -------- Services Section -------- */
.services H2 {margin:0 0 60px 0;}
.services LI {padding:0;}
.services P{font-size:14px;}

/* -------- About Section -------- */
.about P{font-size:14px;letter-spacing:1.2px;line-height:120%;}

/* -------- Testimonials Section -------- */
.testimonials{padding:80px 0;}
.testimonials UL{width:100%;}
.testimonials UL LI{width:100%;padding:0 40px;margin:0 0 50px 0;}
.testimonials UL LI P{font-size:14px;line-height:110%;}
}

@media screen and (max-width: 600px) {
/* -------- Global -------- */
BODY{padding:0;}
H2 {font-size:24px;}

/* -------- Header -------- */
.fix-top{padding:15px 20px 0 20px;}
.email{display:none;}
.lang-sec{display:block;}

/* -------- Intro Section -------- */
.intro{padding:40px 0 0 0;height:auto;min-height:400px;}
.hero{padding:80px 0 65px 0;margin:0;}
.arrow{display:none;}

/* -------- Sidebars -------- */
.sidebar-left{display:none;}
.sidebar-right{display:none;}

/* -------- About Section -------- */
.about-wrap{width:100%;padding:0 10px;}
.team LI{padding:125px 0 0 0;}

/* -------- Clients Section -------- */
.clients{padding:60px 0;}
.clients UL LI{width:50%;}

/* -------- Services Section -------- */
.services LI SPAN {width:90px;height:90px;}
.trad-esp {background-size:270px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) 
{
  .trad-esp{background-size:270px;}
}
.trad-cert{background-position:-90px 0;background-size:270px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) 
{
  .trad-cert{background-size:270px;}
}
.rev-esp{background-position:-180px 0;background-size:270px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) 
{
  .rev-esp{background-size:270px;}
}
.trans-mult{background-position:0 -90px;background-size:270px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) 
{
  .trans-mult{background-size:270px;}
}
.desk-pub{background-position:-90px -90px;background-size:270px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) 
{
  .desk-pub{background-size:270px;}
}
.dev-gloss{background-position:-180px -90px;background-size:270px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) 
{
  .dev-gloss{background-size:270px;}
}
/* -------- Footer -------- */
.main-footer{padding:80px 20px;}
.cnt-footer{padding:20px 0 0 0;margin:0 0 40px 0}
.contacts{padding:40px 0 0 0;}
}

