@media only screen and (max-width:1479px){
	.main-cnt {
	    max-width: 100%;
	    box-sizing:border-box;
	    padding: 0 2%;
			width: 100%;
	}


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

	.title {
    font-size: 70px;

    line-height: 90px;

    vertical-align: middle;
}
.ser li a {
    font-size:30px;}

}
@media only screen and (max-width:1023px){
.menu-icon1{     display: block;
    float: right;
    margin-right: 0;
    height: 40px;
    top: 0;
    width: 60px;
}

	nav ul{ position:absolute;left:-5000%;top:50px;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;z-index:555;background: #fff}
	ul.dipnav{display:block;left:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-animation-duration: 0.8s;top:45px;
animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
	ul.mnavact li{background:#5c5c5b;}
    .nav li{ display:block;width: 98%;
    padding: 0 0 10px 2%;
    text-align: left;
    border-bottom: 1px solid #000;}
	.nav li.sub ul{ position:relative;top:20px;left:auto}
	.nav{    float: none;    padding-bottom: 16px;
    width:100%;
    text-align: right;}
	.logo{position: absolute;left:10px;top: 0}
	/* header .main-cnt {padding: 0} */
	.nav li a, .nav li.sub li a {
    font-size:20px;
}
.sticky, header {
    height: 80px;
}
.banner-strip img{display: none}
.home-banner .bx {
    position: relative;
    right: 0;
    bottom: 0;
    padding: 20px;
}
.home-banner .owl-dots {
    bottom: -23px;
}
.home-banner .bx p br{display: none}
.home-banner .bx p{font-size: 28px}
h1 { font-size: 60px;}
#about strong {
    font-size: 30px;
    line-height: 30px;
    display: inline;
}
#about p {
    line-height: 30px;
    display: inline;
    font-size: 30px;
}

.title {
    font-size: 50px;
    line-height: 60px;
    vertical-align: middle;
    width: 100%;
    display: block;
    text-align: center;}

		.testm-bg .td {
		    display: block;
		    width: 100%;
		    vertical-align: middle;
		}
		.testm-bg .title, .tphe p:first-child {
    font-size: 50px;
}
.cntforn li {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-right: 0;
}
.sbt {
    margin-top: 0;
}
#our-offices {
    height: auto;
}
.bg-holder .content {
    top: 0;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform: none;
		transform: none;    padding-bottom: 20px;
}
.ouroffice li:first-child {
    width: 100%;
    font-size: 50px;
    text-align: center;
}
.ouroffice li {
    position: relative;
    width: 90%;
    display: block;
    margin: 0 0 0 2%;
    text-align: left;
    font: normal 14px segoeui;
}
#services, #testmonials {
    height: auto;
}
footer p{margin-bottom: 20px;width: 100%}

footer a{display: block;}










}
@media only screen and (max-width:767px){
.home-banner .bx p {
    font-size: 18px;
    /* text-align: left; */
}
header .main-cnt {
    /* width:96%; */
}
h1 {
    font-size:36px;
    line-height:45px;
    margin-bottom: 15px;
}
#about p{display: block;font-size: 16px;line-height: 20px;}
#about strong, #about p span{display: inline-block;font-size: 16px;line-height: 20px}

.testm-bg .title, .tphe p:first-child {
    font-size: 36px;margin-bottom: 10px;
}
.testm-bg p {
    font-size: 16px;
    line-height: 22px;padding: 10px;

}
.tphe p:nth-child(3) {
    font-size:16x;
    margin: 20px 0;
}
.btn {width: 100%;-webkit-appearance: none;cursor: pointer;border-radius: 0}
#banner { margin-top: 80px;}
.title {font-size:32px;line-height: 40px;
    margin-bottom: 10px;}
.ser li a {
    font-size: 20px;
}
.ouroffice li:first-child {    font-size:30px;}
.testm-bg p.cname {
    font-size: 16px;
}
.testm-bg p.desg {
    font-size: 20px;
}
footer {
    padding:0;
}
.cntforn p textarea { width: 100%;}




}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}