
blockquote, pre, a, abbr, acronym, address, big,

cite, code, del, dfn, em, font, img {

	margin: 0px auto;

	padding: 0px;

	border: 0px;

	outline: 0px;

}

@font-face {
  font-family:'AvantGarde-Book-Bold';
  src: url('../fonts/AvantGarde-Book-Bold_latin+latin-ext_gdi.eot');
  src: url('../fonts/AvantGarde-Book-Bold_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvantGarde-Book-Bold_latin+latin-ext_gdi.woff') format('woff'),
    url('../fonts/AvantGarde-Book-Bold_latin+latin-ext_gdi.ttf') format('truetype'),
    url('../fonts/AvantGarde-Book-Bold_latin+latin-ext_gdi.svg#AvantGarde-Book-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F000;
}
@font-face {
  font-family:'AvantGarde-Demi';
  src: url('../fonts/AvantGarde-Demi_gdi.eot');
  src: url('../fonts/AvantGarde-Demi_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvantGarde-Demi_gdi.woff') format('woff'),
    url('../fonts/AvantGarde-Demi_gdi.ttf') format('truetype'),
    url('../fonts/AvantGarde-Demi_gdi.svg#AvantGarde-Demi') format('svg');
  font-weight: 5;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F002;
}
@font-face { 
font-family: 'myriad-semi-bold'; 
src: url('../fonts/MyriadPro-Semibold.eot'); 
src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Semibold.woff') format('woff'), 
url('../fonts/MyriadPro-Semibold.ttf') format('truetype'), 
url('../fonts/MyriadPro-Semibold.svg#webfont') format('svg'); 
}
@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold.eot');
  src: local('?'), 
  url('../fonts/MyriadPro-Bold.woff') format('woff'), 
  url('../fonts/MyriadPro-Bold.ttf') format('truetype'), 
  url('../fonts/MyriadPro-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: MyriadPro;
src: url('../fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */
src: url('../fonts/MyriadPro-Regular.eot?') format('eot'),  /* IE6-IE8 */
url('../fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'MyriadPro-light';
  src: url('../fonts/MyriadPro-Light.eot');
  src: local('?'), 
    url('../fonts/MyriadPro-Light.woff') format('woff'), 
    url('../fonts/MyriadPro-Light.ttf') format('truetype'), 
    url('../fonts/MyriadPro-Light.svg') format('svg');
}
   ::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
   ::selection { background:#000; color:#fff; text-shadow: none; } 
   
   h1{color: #fff !important; text-align: center; font-family: 'MyriadPro-Bold'; font-size: 42px;}
   h1 span{font-family: 'MyriadPro-light'; font-size: 32px;  text-transform: uppercase;}
   h2{color: #353334 ; text-align: center; font-family: 'MyriadPro-light'; font-size: 40px;}
   h2 span{font-family: 'AvantGarde-Demi'; color: #00bef4;}
   h3{font-family: 'MyriadPro-light' !important; text-align: center; font-size: 20px;}
   p{font-family: MyriadPro; text-align: center; font-size: 14px !important; /* color: #868686; */ color:#000; }
   a{text-decoration: none ; z-index: 99999999;}
   a:hover{text-decoration: none !important;z-index: 99999999;}
body{margin: 0; padding: 0; background: #f2f2f2 !important;}
header{width: 100%;padding:0;margin: 0; background: #fff; float: left;}

.main-area{margin: 0 auto; padding: 0;width: 1085px;}
.nrml-row{ padding:0;margin-left:0 !important; margin-right: 0 !important;}
.left-sec{float: left;}
.right-sec{float: right;}
.logo{width: 70%; margin: 10px 0 0 0;}
.tp-padd{padding: 30px 0; text-align: center;}
.center{text-align: center;}
.logo-frm-hldr{background: #fff none repeat scroll 0 0;float: left;left: 0;margin: 0;padding: 0;position: relative;right: 0;width: 100%;z-index: 9;}
.logo-sec{background: #fff none repeat scroll 0 0;float: left;position: absolute;width: 100%; padding: 1% 0; border-radius: 6px; box-shadow: 0px 6px 0 rgba(0, 0, 0, 0.33)}

.hldr{float: left;padding: 5px 5px 0;width: 100%; text-align:right;}

h2.callus {
 color: #e82124;
 font-size: 20px;
 font-weight: normal;
 line-height: 22px;
 margin: 0;
 text-align:right;
}
h2.callus span {
    font-size: 17px;
	color: #00bef2 !important;
}

.left-hldr{float: left;padding: 24px 5px 0;width: 46%; text-align:right;}
.rght-hldr{float: right;padding: 17px 0 0;width: 53%;}

.form-control{height: 35px; width: 82% !important; float: left !important;}
.form-control:focus{box-shadow:  4px 4px 4px rgba(102, 175, 233, 0.6)}
.form-submit{border: 1px solid transparent;border-radius: 4px;cursor: pointer;font-size: 17px;padding: 5px 11px;text-align: center;background: #e82124; color: #fff; font-family: "MyriadPro"; margin: 0 5px; float: right;}
.form-submit:hover{background: #00bef2; transition:1s all;}

banner{ float: left;margin: 0;padding: 0;position: relative;top: 78px;width: 99%;}
banner img{ width: 100%; float: left;  }
.lrge-bann{display: block; margin:0px auto;}
.small-bann{display: none;}
.vdo-img{/* width: auto; */ width:364px; height:287px;}
.banner-txt-hldr{position: absolute;top: 70px; float: left; width: 100%;}
.video-hldr{width: 36%; float: left; margin:0 0 0 5%;}
.txt-hldr{float: left;margin: 76px 0 0;text-align: left;width: 33%;}
/* Underline From Center */
.hvr-underline-from-center {
    backface-visibility: hidden;
    background: #00bef2 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    color: #fff;
    display: inline-block;
    font-family: "MyriadPro-Light";
    font-size: 20px;
    overflow: hidden;
    padding: 7px 18px;
    position: relative;
    transform: translateZ(0px);
    vertical-align: middle;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #fff;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;color: #fff;
}
 .we-do-txt{padding: 10px 30px 0; line-height: 18px;}
.gry-bg{background: rgba(18, 17, 22, 0.58) none repeat scroll 0 0;float: left; margin: 20px 0 0; padding: 1% 0;text-align: center;width: 100%;}

.form-control2{border: medium none; border-radius: 5px;font-size: 13px;padding:12px 10px;width: 25%;}
.form-submit2{background: #e82124 none repeat scroll 0 0;border: 1px solid transparent;border-radius: 4px;color: #fff;cursor: pointer;font-family: "MyriadPro";font-size: 17px;margin: 0 5px;padding: 9px 58px;text-align: center;}
.form-submit2:hover{background: #00bef2; transition:1s all;}
section#we-do-sec{padding: 2% 0; margin: 0px 0 0; float:  left; width: 100%; position: relative; background: #fff; border-radius: 5px;}
.box-hldr{float: left;position: relative;width: 100%;}

ul.icons{width: 100%; float: left; padding: 0; margin: 10% 0 0;}
ul.icons li{width: 100%; float: left; text-align: center; list-style: none;}
ul.icons li span{border: 3px solid #e6e6e6; border-radius: 100%;height: 155px; width: 160px; float: left; margin: 0 0 15px 24%;}
ul.icons li span img{ height: 85px;margin: 34px 0 0;width: auto;}
ul.icons li.hedng{ /*color: #00bef4; */ color: #000;  font-size: 16px; font-family: 'AvantGarde-Book-Bold'; font-weight: bold;}
ul.icons li.hedng span{border: medium none;border-radius: 0;/* color: #9e9e9e; */ color: #00bef4; float: none;height: auto;margin: 0;text-align: center;width: auto;}
ul.icons li a:hover{background: #00bef2; color: #fff; border: none; cursor:pointer;}
ul.icons li span a:hover{background:none; color: #fff; border: none; cursor:pointer;}

/* Float Shadow */
.hvr-float-shadow {
   backface-visibility: hidden;
    border: 2px solid #e6e6e6;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 10px 0 25px;
    padding: 10px;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
    /* color: #a2a2a2; */
	color: #000000;
    font-family: "MyriadPro";
    z-index: 0;
    cursor: pointer;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
  z-index: 0;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px); z-index: 0;
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px); z-index: 0;
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

section#our-box{padding: 2% 0; margin: 45px 0 0; float:  left; width: 100%; background: #fff url(../images/dwn-prt-bg.png) bottom repeat-x; border-radius: 5px;}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding: 13px 25px;
  background: #00bef4;
  color: #fff;
  font-size: 24px;
  font-family: "MyriadPro-Light";
  border-radius: 5px;
  z-index: 0;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #000;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 0;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0; z-index: 0;
}

section#social-icons-sec{padding: 2% 0; float: left; width: 100%; }

footer{padding: 2% 0; float: left; width: 100%; margin: 0 0 40px; background: #fff; }
.cpyright{/* color: #868686; */ color:#000000; font-size: 18px; font-family: "MyriadPro-Light"; text-align: center; line-height: 12px;}
.fttr-txt{/* color: #868686; */ color:#000000; font-size: 18px; font-family: "MyriadPro-Light"; text-align: center; line-height: 12px;}

/* ul.social{padding: 0; margin: 14px 0 14px 36%; text-align: center; width: 50%; float: left;} */
ul.social{padding: 0; margin: 14px auto 14px auto; text-align: center; width: 30%; }
ul.social li{font-size: 25px; list-style: none; float: left; margin: 0 2px;} 

.fa-twitter{background: #45aae1; color: #fff; padding:7px 9px;}
.fa-twitter:hover{color: #000; border-radius: 6px; transition:1s all;}
.fa-facebook{background: #425a98; color: #fff; padding: 7px 16px;}
.fa-facebook:hover{color: #000; border-radius: 6px;transition:1s all;}
.fa-google-plus{background: #de4b39; color: #fff; padding: 7px 12px;}
.fa-google-plus:hover{color: #000; border-radius: 6px;transition:1s all;}
.fa-pinterest-square{ color: #fff; padding: 7px 12px; background: #c92027;}
.fa-pinterest-square:hover{color: #000; border-radius: 6px;transition:1s all;}
.fa-youtube-square{ background: #EF2028; color: #fff; padding:7px 9px; }
.fa-youtube-square:hover{color: #000; border-radius: 6px; transition:1s all;}
.fa-envelope{background: #949599; color: #fff; padding: 7px 14px;}
.fa-envelope:hover{color: #000; border-radius: 6px;transition:1s all;}



.rght-area{width: 74%; float: left; padding: 0; margin: 0; text-align: left;}
.form-group{float: left; width: 100%; padding: 2px 0 0 0;}
.control-label {float: left;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 15px;
    text-align: left; }
.form-control3{width: 88%; float: left; background-color: #fff;background-image: none; border: 1px solid #ccc; border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; margin: 11px 0 0;}
.form-control3:focus{box-shadow:  4px 4px 4px rgba(102, 175, 233, 0.6)}
.form-control4{margin: 0 0 0 5px; width: 28%; float: left; background-color: #fff;background-image: none; border: 1px solid #ccc; border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 45px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; margin: 11px 0 0 22px;}
.form-control4:focus{box-shadow:  4px 4px 4px rgba(102, 175, 233, 0.6)}
textarea.form-control3{height: 100px;}
.btn-default {background: #00bef2 none repeat scroll 0 0 !important;border: medium none !important;border-radius: 4px;color: #ffffff;display: table;margin: 0; float: left; margin: 5px 0 0;
    padding: 10px;}
.btn-default:hover{color: #fff; background: #095aa5 none repeat scroll 0 0 !important; transition:1s all; }
.bttn-hldr{float: right; width: 71%;}
.control-label > span {border-radius: 4px;color: #fff !important;margin: -5px 0 0 21px;padding: 2px 19px;text-align: center;width: 95%; float: left;
background: #cc070a;}
.fxd{overflow: hidden;}
.popup{position: fixed; width: 100%;}
.form-group {margin-bottom: 3px;}
.form-style{max-width: 80%;padding: 0;font: 13px Arial, Helvetica, sans-serif;margin: 20px auto;background: #FFFFFF;border-radius: 5px; -webkit-border-radius:5px;-moz-border-radius:5px;}
.form-style label{display: block;margin: 0px 0px 15px 0px;}
.form-style label > span{width: 26%;font-weight: bold;float: left;padding-top: 8px;padding-right: 5px;}
.form-style label > .padtop1{ padding-top: 18px!important;}

.form-style span.required{color:red;
}
.form-style .tel-number-field{width: 40px;text-align: center;
}
.form-style  .long{ width: 194px;
}
.form-style input.input-field{width: 5}

.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.input-field {
    width: 358px;
}
.input-field2 {
    float: left;
    margin: 10px 0 0 21px;
    width: 134px;-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.input-field2:focus{box-shadow:  4px 4px 4px rgba(102, 175, 233, 0.6)}
.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,  
.form-style .select-field:focus{
    box-shadow:  4px 4px 4px rgba(102, 175, 233, 0.6)}
.form-style .textarea-field{
    /*height:100px; */
    height:60px;
    width: 71%;
    
}
.form-style input[type="button"],
.form-style input[type="submit"] { -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;-webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;box-shadow: inset 0px 1px 0px 0px #3985B1; background: #00bef2;border: none;display: inline-block;cursor: pointer;color: #FFFFFF;padding: 10px 18px;text-decoration: none;font: 14px Arial, Helvetica, sans-serif;border-radius: 6px; font-weight:bold; margin: 10px 0 0 21px;}
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {background: #e82124; transition:1s all;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px;margin: 0px 0px 5px 0px;border: none;font-weight: bold;color: #2E6800;border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8;padding: 5px 10px 5px 10px;margin: 0px 0px 5px 0px;border: none;font-weight: bold;color: #FF0000;border-left: 3px solid #FF0000;}
/* Video Popup */
.videopopup{
	width:100%; height:450px; margin:auto; 
}
.element-center{ text-align:center;}
.link-style{ cursor:pointer;}
.noborder{ border:0px;}
.color0e61af{ color:#0e61af;}

/*-------------responsive-------------------*/


@media screen and (min-width : 1101px) and (max-width :1200px) {
   
.main-area {width:1060px; margin:0 auto; padding:0;}
section#we-do-sec{margin: 85px 0 0;}
.left-hldr{width: 54%;}
section#we-do-sec{margin: 15% 0 0;}
.gry-bg{margin: 5% 0 0;}
ul.icons li.hedng{font-size: 16px;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px; margin: 0 0 15px 29%; }

.input-field {width: 71%;}
.form-style label > span{width: 29%;}
.input-field2{width: 114px !important;}
.rght-area{width: 76%;}

}
   
@media screen and (min-width : 970px) and (max-width :1100px) {
  
.main-area {width:960px; margin:0 auto; padding:0;}
.form-control{width: 78% !important;}
.hvr-underline-from-center{font-size: 17px;}
.banner-txt-hldr{top: 35px;}
.txt-hldr{width: 45%;}
section#we-do-sec{margin: 15% 0 0;}
.gry-bg{margin: 4% 0 0;}
ul.icons li.hedng{font-size: 14px;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px;}

.input-field {width: 71%;}
.form-style label > span{width: 29%;}
.input-field2{width: 114px !important;}
.rght-area{width: 76%;}
}
   
@media screen and (min-width : 768px) and (max-width : 969px) {
   
.main-area {width:750px; margin:0 auto; padding:0;}
.form-control{width: 80% !important;}
.form-control{font-size: 12px;}
.left-hldr{width: 50%; margin: 0 0 0 8%;}
.rght-hldr{width: 42%; text-align: left;}
.left-sec{width: 100%; text-align: center;}
.right-sec{width: 100%; text-align: center;}
.logo{width: auto;}
.hvr-underline-from-center{font-size: 18px;}
.banner-txt-hldr{top: 12%;}
.vdo-img{width: 100%; height:auto;}
.txt-hldr{width: 48%; margin: 41px 0 0;}
banner{top: 180px;}
section#we-do-sec{margin: 30% 0 0;}
.gry-bg{margin: 5% 0 0;}
ul.icons li.hedng{font-size: 14px; min-height: 50px;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px;}
h1{line-height: 30px;}
h1 span{font-size: 28px;}
.tp-padd > .col-sm-4 > img {width: 100%;}
h2{font-size: 34px;}
/* ul.social{margin: 14px 0 14px 32%;} */
ul.social{margin: 14px auto 14px auto;}

.input-field {width: 71%;}
.form-style label > span{width: 29%;}
.input-field2{width: 114px !important;}
}
 
@media screen and (min-width : 640px) and (max-width: 767px) {
   
.main-area {width:620px; margin:0 auto; padding:0;}
.small-bann{display: block;}
.lrge-bann{display: none;}
.form-control{width: 81% !important;}
.form-control{font-size: 12px;}
.left-hldr{width: 52%; margin: 0 0 0 2%;}
.rght-hldr{width: 42%; text-align: left;}
.left-sec{width: 100%; text-align: center;}
.right-sec{width: 100%; text-align: center;}
.logo{width: auto;}
.hvr-underline-from-center{font-size: 18px;}
.banner-txt-hldr{top: 12%;}
.vdo-img{width: 100%; height:auto;}
.txt-hldr{width: 53%; margin: 76px 0 0;}
.video-hldr{width: 39%;}
banner{top: 150px;}
section#we-do-sec{margin: 10% 0 0;}
.we-do-txt{padding: 10px 17px 0;}
.gry-bg{margin: 5% 0 0;}
ul.icons li.hedng{font-size: 14px; min-height: 50px;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px; margin: 0 0 15px 6%;}
h1{line-height: 30px;}
h1 span{font-size: 28px;}
.tp-padd > .col-sm-4 > img {width: 100%;}
h2{font-size: 34px;}
/* ul.social{margin: 14px 0 14px 28%;} */
ul.social{margin: 14px auto 14px auto;}
.icons-cntr {float: left;width: 33%;}
.video{width: 33%; float: left;}
.video img{width: 100%;}
.hvr-overline-from-center{font-size: 21px;}
.form-control2{width: 38%;}

.md-content{height: 521px !important;}
/* Video Popup */
.videopopup{
	height:420px;
}
.control-label{width: 50%; float: left;}
.form-style label > span{width: 100%;}
.input-field{width: 100%;}
.form-style .textarea-field{width: 100%;}
.rght-area{width: 100%; margin: 0;}
.control-label > span{margin: -5px 0 0; width: 85%; float: left;}
.input-field2{width: 50%; margin: -32px 0 0 21px; float: right;}
.form-style input[type="button"], .form-style input[type="submit"]{margin: 10px 0 0;}
}


@media screen and (min-width : 480px) and (max-width: 639px) {
   
.main-area {width:450px; margin:0 auto; padding:0;} 
.small-bann{display: block;}
.lrge-bann{display: none;}
.form-control{width: 81% !important;}
.form-control{font-size: 12px;}
.left-hldr{width: 100%; margin: 0 ;}
.rght-hldr{width: 100%; text-align: center; padding: 17px 0 10px;}
.left-sec{width: 100%; text-align: center;}
.right-sec{width: 100%; text-align: center;}
.logo{width: auto;}
.hvr-underline-from-center{font-size: 18px;}
.banner-txt-hldr{top: 18%;}
.vdo-img{width: 100%; height:auto;}
.txt-hldr{display: none;}
.video-hldr{width: 68%; margin: 0 0 0 17%;}
banner{top: 200px;}
section#we-do-sec{margin: 61% 0 0;}
.we-do-txt{padding: 10px 17px 0;}
.gry-bg{margin: 9% 0 0;}
ul.icons li.hedng{font-size: 14px; min-height: 50px;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px; margin: 0 0 15px 19%;}
h1{line-height: 30px;}
h1 span{font-size: 28px;}
.tp-padd > .col-sm-4 > img {width: 100%;}
h2{font-size: 34px;}
/* ul.social{margin: 14px 0 14px 21%; width: 68%;} */
ul.social{margin: 14px auto 14px auto; width: 68%;}
.icons-cntr {float: left;width: 50%;}
.video{width: 100%; float: left; margin: 0 0 20px;}
.video img{width: 100%;}
.hvr-overline-from-center{font-size: 21px;}
.form-control2{width: 53%;}
.row.nrml-row.box-hldr img {width: 34%;}
.x-cntr{margin: 0 0 0 23%;}
.hvr-float-shadow{font-size: 16px;}
ul.icons{min-height: 288px;}
.fttr-txt{font-size: 14px;}
.cpyright{font-size: 14px;}
.control-label{font-size: 16px; width: 100%;text-align: center;}
.rght-area{width: 95%; float: left; margin: 0 0 0 7px;}
.md-content{width: 100%; height: 650px !important;}
/* Video Popup */
.videopopup{
	height:450px; 
}
.form-control3{width: 100%;}
.form-control4{width: 82%; margin: 11px 0 0 24px;}
.btn-default{width: 62%;}
.form-group{font-size: 15px;}

.form-style label > span{width: 100%;}
.input-field{width: 100%;}
.form-style .textarea-field{width: 100%;}
.rght-area{width: 100%; margin: 0;}
.control-label > span{margin: -5px 0 0; width: 43%; float: left;}
.input-field2{width: 50%; margin: -32px 0 0 21px; float: right;}
.form-style input[type="button"], .form-style input[type="submit"]{margin: 10px 0 0;}
}

@media screen and (min-width : 360px) and (max-width: 479px) {
   
.main-area {width:340px; margin:0 auto; padding:0;}
.small-bann{display: block;}
.lrge-bann{display: none;}
.form-control{width: 81% !important;}
.form-control{font-size: 12px;}
.left-hldr{width: 100%; margin: 0 ;}
.rght-hldr{width: 100%; text-align: center; padding: 17px 0 10px;}
.left-sec{width: 100%; text-align: center;}
.right-sec{width: 100%; text-align: center;}
.logo{width: auto;}
.hvr-underline-from-center{font-size: 18px;}
.banner-txt-hldr{top: 18%;}
.vdo-img{width: 100%; height:auto;}
.txt-hldr{display: none;}
.video-hldr{width: 68%; margin: 0 0 0 17%;}
banner{top: 200px;}
section#we-do-sec{margin: 94% 0 0;}
.we-do-txt{padding: 10px 17px 0;}
.gry-bg{margin: 9% 0 0;}
ul.icons li.hedng {font-size: 16px;min-height: 68px;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px; margin: 0 0 15px 2%;}
h1{line-height: 30px;}
h1 span{font-size: 28px;}
.tp-padd > .col-sm-4 > img {width: 100%;}
h2{font-size: 30px;}
/* ul.social{margin: 14px 0 14px 21px; width: 95%;} */
ul.social{margin: 14px auto 14px auto; width: 95%;}
.icons-cntr {float: left;width: 50%;}
.video{width: 100%; float: left; margin: 0 0 20px;}
.video img{width: 100%;}
.hvr-overline-from-center{font-size: 21px; margin: 0 0 10px;}
.form-control2{margin: 5px 0;width: 92%;}
.row.nrml-row.box-hldr img {width: 31%;}
.x-cntr{margin: 0 0 0 23%;}
.hvr-float-shadow{font-size: 16px;}
ul.icons{min-height: 328px;}
.fttr-txt{font-size: 17px;line-height: 20px;}
.cpyright{font-size: 17px;}

.control-label{font-size: 16px; width: 100%;text-align: center;}
.rght-area{width: 95%; float: left; margin: 0 0 0 7px;}
.md-content{width: 100%; height: 650px !important;}
/* Video Popup */
.videopopup{
	height:450px; 
}
.form-control3{width: 100%;}
.form-control4{width: 82%; margin: 11px 0 0 24px;}
.btn-default{width: 62%;}
.form-group{font-size: 15px;}

.form-style label > span{width: 100%;}
.input-field{width: 100%;}
.form-style .textarea-field{width: 100%;}
.rght-area{width: 100%; margin: 0;}
.control-label > span{margin: -5px 0 0; width: 43%; float: left;}
.input-field2{width: 50%; margin: -32px 0 0 21px; float: right;}
.form-style input[type="button"], .form-style input[type="submit"]{margin: 10px 0 0;}
}


@media screen and (min-width : 320px) and (max-width: 359px) {
     
.main-area {width:300px; margin:0 auto; padding:0;}
.small-bann{display: block;}
.lrge-bann{display: none;}
.form-control{width: 78% !important;}
.form-control{font-size: 12px;}
.left-hldr{width: 100%; margin: 0 ;}
.rght-hldr{width: 100%; text-align: center; padding: 17px 0 10px;}
.left-sec{width: 100%; text-align: center;}
.right-sec{width: 100%; text-align: center;}
.logo{width: 100%;}
.hvr-underline-from-center{font-size: 18px;}
.banner-txt-hldr{top: 18%;}
.vdo-img{width: 100%; height:auto;}
.txt-hldr{display: none;}
.video-hldr{width: 68%; margin: 0 0 0 17%;}
banner{top: 200px;}
section#we-do-sec{/* margin: 108% 0 0; */ margin: 75% 0 0;}
.we-do-txt{padding: 10px 0 0;}
.gry-bg{margin: 9% 0 0;}
ul.icons li.hedng {font-size: 16px;min-height: auto;}
ul.icons li span img{height: 68px; }
ul.icons li span{height: 130px; width: 135px; margin: 0 0 15px 25%;}
h1{line-height: 30px;}
h1 span{font-size: 28px;}
.tp-padd > .col-sm-4 > img {width: 100%;}
h2{font-size: 28px;}
ul.social{margin: 14px 0 14px 0; width: 100%;}
.icons-cntr {float: left;width: 100%;}
.video{width: 100%; float: left; margin: 0 0 20px;}
.video img{width: 100%;}

.hvr-overline-from-center{font-size: 21px; margin: 0 0 10px;}
.form-control2{margin: 5px 0;width: 92%;}
.row.nrml-row.box-hldr img {width: 33%;}
.x-cntr{margin: 0 ;}
.hvr-float-shadow{font-size: 16px;}
ul.icons{min-height: 261px;}
.fttr-txt{font-size: 17px;line-height: 20px;}
.cpyright{font-size: 17px;}
.control-label{font-size: 16px; width: 100%;text-align: center;}
.rght-area{width: 95%; float: left; margin: 0 0 0 7px;}
.md-content{width: 85%; height: 650px !important;}

/* Video Popup */
.videopopup{
	 height:450px;
}

.form-control3{width: 100%;}
.form-control4{width: 82%; margin: 11px 0 0 24px;}
.btn-default{width: 62%;}
.form-group{font-size: 15px;}

.form-style label > span{width: 100%;}
.input-field{width: 100%;}
.form-style .textarea-field{width: 100%;}
.rght-area{width: 100%; margin: 0;}
.control-label > span{margin: -5px 0 0; width: 43%; float: left;}
.input-field2{width: 50%; margin: -32px 0 0 21px ; float: right;}
.form-style input[type="button"], .form-style input[type="submit"]{margin: 10px 0 0;}
}


  /* @media screen and (min-width :240px) and (max-width: 319px) {
    .main-area {width:98%;}
   
}*/