@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');




::-moz-selection { /* Code for Firefox */
    color: black;
    background: #42d7ff;
}

::selection {
    color: black;
    background: #42d7ff;
}




body{font-family: 'Montserrat', sans-serif !important;color:#1e2122;overflow-x: hidden;}


.copy{padding:0.5vw 0vw 0.5vw 6vw;background:#e8e8e8;text-decoration:none;color:#1b1b1c;font-weight:400;margin-bottom: 0vw;}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.intro
{
	height:50vw;
}

.frontbg
{
    position: absolute;
    top: 24.80%;
    left: 27vw;
    width: 28vw;
    height: 20vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	z-index:1;
}

.frontbg1
{
    position: absolute;
    top: 24.80%;
    right: 24vw;
    width: 28vw;
    height: 20vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	z-index:1;
}




body .vertical-centered-box {
  position: absolute;
  text-align: center;
}

#particles-background,
#particles-foreground {
position:absolute;
z-index:1000;
  -webkit-transform: scale3d(0.7, 0.7, 10);
  -moz-transform: scale3d(0.7, 0.7, 10);
  -ms-transform: scale3d(0.7, 0.7, 10);
  -o-transform: scale3d(0.7, 0.7, 10);
  transform: scale3d(0.7, 0.7, 10);
  height:100%;
  width:100%;
}

.tagline{color:white;text-align:center}

.abcd{
display:none;

}
.pqr{
display:block;
}
.wwdtag
{
font-size:1.3vw;

}

.middle {
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    top: 25vw;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
   z-index:999;
    width:100%;
}

/*-------------hover arrow-------------*/


.arrow  {
  position: absolute;
 right:4vw;
 top:28vw;
 color:#00d7ff;
z-index:1000;
 
}
.bounce  a {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  
  font-weight:600;
  font-size: 0.9vw;
  text-decoration: none;

}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}




/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-weight: 400;
  cursor: pointer;
}

.hvr-icon-wobble-horizontal:hover{c olor:green;}

.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
cursor: pointer;

}



/*-------------hover arrow-------------*/











h1{font-size:3vw;font-weight:900;letter-spacing: 0px;color:#1b1b1c;text-transform: uppercase}
h2{font-size: 2vw;font-family: 'Montserrat', sans-serif;font-weight:600;letter-spacing: -1px}
h3{font-size: 1.2vw;font-family: 'Montserrat', sans-serif;font-weight:400;letter-spacing: 0.01vw;line-height: 1.8vw;}
h5{font-size:1vw !important}

.flower{height:10vw}





.row{
margin-right:0px;
margin-left:0px;
}

hr.up-line{border-top: 2px solid #1e2122;width:4vw;float:left;position: absolute;margin-top: -2px}

.bcolor{color:#42d7ff;}

.back-home{font-size: 0.9vw;font-weight: 600;padding-top: 0.04vw;}
.service-get-quote{position: absolute;top:38vw;right:5vw;font-size: 0.9vw;color:#1b1b1c;z-index:1000;}
.service-next{position: absolute;top:10vw;right:5vw;font-size: 0.9vw;z-index:1000;}
.retroshadow {
  color: black;
  letter-spacing: .05em;
  text-shadow: 0px 0px 0px #2c2c2c, -4px 2px 0px rgba(0, 0, 0, 0.2);
}


.footer-padding{padding:5vw 5vw 5vw 5vw;}

.padding{padding: 15vw 10vw 15vw 13vw;}
.padding-md{padding:12vw;}
.padding-sm{padding:5.5vw;}



.logo{position: absolute;top:5%;left:5vw;width:7.5vw;z-index:1000}

.title{
	font-size: 4vw;
	font-family: 'Kanit', sans-serif;
	color:#1e2122;
	text-transform: uppercase;
	position:absolute;
	left:5vw;
	top:25vw;
	font-weight:600;
	letter-spacing: 1px;
	line-height: 4.5vw;
	 }



.land-text-1
{
	font-size: 0.9vw;
	font-family: 'Montserrat', sans-serif;
	color:#1b1b1c;
	text-transform: uppercase;
	position:absolute;
	left:5vw;
	top:43vw;
	font-weight: 600;
	line-height: 1vw;
z-index:1000;
}

.land-text-2
{
	font-size: 0.9vw;
	font-family: 'Montserrat', sans-serif;
	color:#1b1b1c;
	text-transform: uppercase;
	position:absolute;
	right:5vw;
	top:43vw;
	line-height: 2vw;
	font-weight: 600;
z-index:1000;
}

.land-text-3
{
	writing-mode: tb-rl;
	font-size: 1.5vw;
	font-family: 'Montserrat', sans-serif;
	color:#1b1b1c;
	text-transform: uppercase;
	position:absolute;
	right:5vw;
	top:22vw;
	line-height: 2vw;
	font-weight: 900;
z-index:1000;
}


.navbar-text-3
{
	font-size: 1vw;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
	color:white;
	text-tran sform: uppercase;
	position:absolute;
	left:1vw;
	top:45vw;
	line-height: 2vw;
	font-weight: 900;
}




.subtitle{font-size: 2.5vw;font-family: 'Montserrat', sans-serif;color:#1e2122;text-transform: uppercase;}

P{font-size: 1.1vw;}




.line{color:#1b1b1c;font-size:4.5vw;font-family: 'Montserrat', sans-serif;font-weight: 900;margin-left:10%;margin-right:10%;text-align:center;width:80%;}



/*--------------Navigation Bar-------------*/


.icon-1, .icon-2, .icon-3 {
  position: absolute;
  left: 23%;
  top: 49%;
  width: 25px;
  height: 2px;
  background-color: #00d7ff;
  transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
}

.icon-1 {
  transform: translateY(-8px);
  animation-delay: 100ms;
}


.icon-3 {
  transform: translateY(8px);
  animation-delay: 250ms;
}



.hamburger-icon {
  position: fixed;
  height: 50px;
  width: 50px;
  top: 5%;
  right: 3%;
  z-index: 6000;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
 /* background: rgba(255, 255, 255, 0.2);*/
}
/*.hamburger-icon:hover {
  transform: scale(1.2);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

}*/

.icon-1.a {
  transform: rotate(40deg);
}

.icon-3.b {
  transform: rotate(-40deg);
}

.icon-2.c {
  opacity: 0;
}

.clear {
  clear: both;
}

@keyframes slideIn {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 50%;
    opacity: 1;
  }
}
nav {
  background: #1e2122;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 0%;
  z-index: 5000;
  opacity: 0;
  transition: all 600ms cubic-bezier(0.62, 0.04, 0.3, 1.56);
  transition-delay: 100ms;
}
nav ul  {
  margin: 0;
  position: absolute;
  width:100%;
  top: 30%;
  left: 2%;
}

nav ul li {
  list-style: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2vw;
  color: #fff;
  line-height: 2.2;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1.7px;
}

.service-font {
  list-style: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2vw;
  color: #fff;
  line-height: 2.2;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.7px;
}

.thin-font{font-size: 0.8vw;font-weight: 400;}


nav.show {
  width: 50%;
  opacity: 1;
}

.dark-blue {
  position: absolute;
  top: 0;
  right: 0;
  background: whitesmoke;
  height: 100%;
  width: 0%;
  transition: all 500ms cubic-bezier(0.62, 0.04, 0.3, 1.8);
  transition-delay: 50ms;
  z-index: 5;
  opacity: 1;
}

.dark-blue.slide {
  width: 50%;
  opacity: 1;
}

@keyframes shotup {
  0% {
    transform: translateY(300%);
    opacity: 0;
  }
  90% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.content h1 {
  font-size: 70px;
  animation: shotup 600ms ease-in-out;
  animation-delay: 300ms;
}



.textser
{

background-color: #404040;
padding:1vw;
color:white;
margin-right: -5px;


}
.textser:hover { 
    background-color: #00d7ff;
    color:white;
 transition: .5s ease;
}

.usp
{

background-color:#404040;
padding: 9.5vw 0vw 9.5vw 0vw;

}
.usp:hover { 
    background-color: #00d7ff;
    color:white;
 transition: .5s ease;
}

.socialpadd
{
    margin-left: 25px;
    margin-top: 80px;
font-size:1.4vw;

}



.thin-font
{
margin-left:12px;
}







/*------------Media Queries---------------*/
@media only screen and (max-width: 767px)
{
.middle{position: absolute;top: 75vw;}
.title{font-size: 10vw;font-family: 'Anton', sans-serif;line-height: 10vw;position: absolute;top:60vw;}
.subtitle{font-size: 5vw;font-family: 'Anton', sans-serif;}
.flower{height:30vw}
.line {font-size: 8vw;color: #1b1b1c;letter-spacing: 2px;position: absolute;opacity: 0;margin-left:1%;margin-right:1%;text-align:center;width:98%;margin-top:-70px;}
.land-text-1{font-size: 3vw;top:128vw;line-height:4vw}
.land-text-2{font-size: 3vw;top:135vw;left:5vw;line-height:5vw}
h2{font-size: 5.5vw}
.text-slider{position: absolute;top:30vw;left:5vw;width:100%;}
.tagline{margin-top:-5vw;font-size:4vw;padding:1vw}
hr.up-line{border-top: 3px solid #1e2122;width:8vw;float:left;position: absolute;margin-top: -12px}
.slideCol {font-size:7vw}
.scroller{height: 15.7vw;}
P{font-size: 3vw;font-family: 'Oswald', sans-serif;}
td{font-size:11px;padding: 5px !important;}
.copy{padding:2vw 0vw 2vw 9vw;}
.footer-padding{padding:9vw 5vw 5vw 5vw;}
.thin-font
{
font-size:1.8vw;
}

.socialpadd
{

font-size:3.4vw;

}
.wwdtag
{
font-size:3vw;

}
nav ul {
  margin: 0;
  position: absolute;
  top: 20%;
  right: 1%;
}

nav.show {
  width: 100%;
  opacity: 1;
}

.service-font {
  list-style: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.8vw;
  color: #fff;
  line-height: 2.2;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1.7px;
}


.back-home{font-size: 3.5vw;font-weight: 600;padding-top: 0.04vw}
.service-get-quote{position: absolute;top:38vw;right:5vw;font-size: 3.5vw;color:#00d7ff}
.service-next{position: absolute;top:115vw;right:5vw;font-size: 3.5vw;display: none;}


nav ul li {font-size: 2.8vw}

.intro{height:150vw;}
.logo{position: absolute;top:11vw;left:5vw;width:20vw;z-index:1000}

.frontbg{
    position: absolute;
    top: 24.80%;
    left: 27vw;
    width: 28vw;
    height: 20vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	z-index:1;
}
.bounce a
{

font-size:3.5vw;


}

.arrow
{
top:110vw;
}










.frontbg1
{
    position: absolute;
    top: -12%;
    right: 25vw;
    width: 40vw;
    height: 30vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	z-index:1;
}


h1{font-size:6vw;font-weight:900;letter-spacing: 0px;text-transform: uppercase;}
h2{font-size: 2vw;font-family: 'Montserrat', sans-serif;font-weight:600;letter-spacing: -1px}
h3{font-size: 3vw;font-family: 'Montserrat', sans-serif;font-weight:400;line-height:3.5vw}
h5{font-size:2.8vw !important}


.padding
{
padding-top:45vw;
padding-bottom: 44vw;

}
.service-get-quote
{
top:125vw;
}

.dott {
 
    height: 145vw;
   
}
.terms
{
margin-top: 3.2vw;
    margin-bottom: -4vw;
}

}



/*----------------------only for ipad----------------------*/


@media (max-width:770px) and (min-width:768px) 
{

.middle{position: absolute;top: 75vw;}
.title{font-size: 10vw;font-family: 'Anton', sans-serif;line-height: 10vw;position: absolute;top:60vw;}
.subtitle{font-size: 5vw;font-family: 'Anton', sans-serif;}

.line {font-size: 8vw;color: #1b1b1c;letter-spacing: 2px;position: absolute;opacity: 0;margin-left:1%;margin-right:1%;text-align:center;width:98%;margin-top:-70px;}
.land-text-1{font-size: 3vw;top:128vw;line-height:4vw}
.land-text-2{font-size: 3vw;top:135vw;left:5vw;line-height:5vw}
h2{font-size: 5.5vw}
.text-slider{position: absolute;top:30vw;left:5vw;width:100%;}
.tagline{margin-top:-5vw;font-size:4vw;padding:1vw}
hr.up-line{border-top: 3px solid #1e2122;width:8vw;float:left;position: absolute;margin-top: -12px}
.slideCol {font-size:7vw}
.scroller{height: 10.7vw;}
P{font-size: 3vw;font-family: 'Oswald', sans-serif;}
td{font-size:11px;padding: 5px !important;}
.thin-font{font-size:1.8vw;}
.socialpadd{font-size:3.4vw;}
.wwdtag{font-size:3vw;}
.dott {height: 145vw;}

nav ul {
  margin: 0;
  position: absolute;
  top: 20%;
  right: 1%;
}

nav.show {
  width: 100%;
  opacity: 1;
}

.service-font {
  list-style: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.8vw;
  color: #fff;
  line-height: 2.2;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1.7px;
}


.back-home{font-size: 3.5vw;font-weight: 600;padding-top: 0.04vw}
.service-get-quote{position: absolute;top:38vw;right:5vw;font-size: 3.5vw;color:#00d7ff}
.service-next{position: absolute;top:115vw;right:5vw;font-size: 3.5vw;display: none;}


nav ul li {font-size: 2.8vw}

.intro{height:150vw;}
.logo{position: absolute;top:11vw;left:5vw;width:20vw;z-index:1000}

.frontbg{
    position: absolute;
    top: 24.80%;
    left: 27vw;
    width: 28vw;
    height: 20vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	z-index:1;
}
.bounce a
{

font-size:3.5vw;


}

.arrow
{
top:110vw;
}










.frontbg1
{
    position: absolute;
    top: -12%;
    right: 25vw;
    width: 40vw;
    height: 30vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	z-index:1;
}


.padding
{
padding-top:45vw;
padding-bottom: 44vw;

}
.service-get-quote
{
top:125vw;
}


}
@media (max-width:990px)
{
.frontbg{
    position: absolute;
    top: 65%;
    left: 33vw;
    width: 43vw;
    height: 35vw;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
}









*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.skw-pages {
  overflow: hidden;
  position: relative;
  height: 100vh;
}

.skw-page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.skw-page__half {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100vh;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.skw-page__half--left {
  left: 0;
  -webkit-transform: translate3d(-32.4vh, 100%, 0);
          transform: translate3d(-32.4vh, 100%, 0);
}
.skw-page__half--right {
  left: 50%;
  -webkit-transform: translate3d(32.4vh, -100%, 0);
          transform: translate3d(32.4vh, -100%, 0);
}
.skw-page.active .skw-page__half {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.skw-page__skewed {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 140%;
  height: 100%;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
  background: #000;
}
.skw-page__half--left .skw-page__skewed {
  left: -40%;
}
.skw-page__half--right .skw-page__skewed {
  right: -40%;
}
.skw-page__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 30%;
  color: #fff;
  -webkit-transform: skewX(18deg);
          transform: skewX(18deg);
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
  background-size: cover;
}
.skw-page__half--left .skw-page__content {
  padding-left: 30%;
  padding-right: 30%;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.skw-page__half--right .skw-page__content {
  padding-left: 30%;
  padding-right: 30%;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.skw-page.inactive .skw-page__content {
  opacity: 0.5;
  -webkit-transform: skewX(18deg) scale(0.95);
          transform: skewX(18deg) scale(0.95);
}
.skw-page__heading {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 25px;
  text-align: center;
}
.skw-page__description {
  font-size: 18px;
  text-align: center;
}
.skw-page__link {
  color: #FFA0A0;
}
.skw-page-1 .skw-page__half--left .skw-page__content {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/mousover-img-1.jpg");
}
.skw-page-1 .skw-page__half--right .skw-page__content {
  background: #292929;
}
.skw-page-2 .skw-page__half--left .skw-page__content {
  background: #292929;
}
.skw-page-2 .skw-page__half--right .skw-page__content {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/slider-2.jpg");
}
.skw-page-3 .skw-page__half--left .skw-page__content {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/mousover-img-2.jpg");
}
.skw-page-3 .skw-page__half--right .skw-page__content {
  background: #292929;
}
.skw-page-4 .skw-page__half--left .skw-page__content {
  background: #292929;
}
.skw-page-4 .skw-page__half--right .skw-page__content {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/sections-3.jpg");
}
.skw-page-5 .skw-page__half--left .skw-page__content {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/img-test.jpg");
}
.skw-page-5 .skw-page__half--right .skw-page__content {
  background: #292929;
}


/*------------------ipad media queries--------------------*/

@media (max-width:3000px) and (min-width:2200px) 
{
.scroller {
    height: 6.7vw;
    line-height: 198px;
    overflow: hidden;
}

@keyframes scroll {
   0%  	{margin-top: 0px;}
   15% 	{margin-top: 0px;}

   25%  {margin-top: -150pt;}
   40%  {margin-top: -150pt;}
   
   50%  {margin-top: -300pt;}
   65%  {margin-top: -300pt;}

   75%  {margin-top: -450pt;}
   90%  {margin-top: -450pt;}

   100% {margin-top: 0px;}
}

}

@media (max-width:2200px) and (min-width:2000px) 
{
.scroller {
    height: 7.7vw;
    line-height: 198px;
    overflow: hidden;
}

@keyframes scroll {
   0%  	{margin-top: 0px;}
   15% 	{margin-top: 0px;}

   25%  {margin-top: -150pt;}
   40%  {margin-top: -150pt;}
   
   50%  {margin-top: -300pt;}
   65%  {margin-top: -300pt;}

   75%  {margin-top: -450pt;}
   90%  {margin-top: -450pt;}

   100% {margin-top: 0px;}
}

}



@media (max-width:1050px) and (min-width:1000px) 
{
#particles-background, #particles-foreground
{

height:40%;

}



.slideCol{font-size:4.5vw}
.scroller
{
height: 7.7vw;
}

}


@media (max-width:400px) and (min-width:200px) 
{
.scroller
{
height: 18.7vw;
}

}

/*------------------ipad media queries--------------------*/


@media (max-height:500px) and (min-height:200px) 
{
.abcd{
display:block;
margin-top:40px;
}
.pqr{
display:none;
}

nav ul li
{
line-height:1;
}

.service-font
{
font-size:2vw;
}
.row
{
margin-top:-10px;

}
.socialpadd
{
margin-left:26px;
margin-top:45px;
font-size:2vw;

}

.thin-font
{
font-size:1.2vw;
}

}