/* CSS Document */

/* TOC 
 * RESET STYLES
 * FONT FACE (IF USED)
 * HTML
 * BODY
 * HEADER
 * NAVIGATION
 * PAGE
 * FOOTER
 * FORMS
 * PLUGINS
 * PRINT STYLES
 * MEDIA QUERIES
---------------------------------------------------------------------------*/

/* RESET STYLES
---------------------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
	margin: 0;
	font-size: 16px;
	min-height:100%;
	font-family: 'proxima_nova_rgregular';
	color: #4d515d;
	overflow:hidden;
	
} 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
button, input, select, textarea {
	font-family: 'proxima_nova_rgregular';
	color: #4d515d;
} 
p {
	margin:0;
	padding:10px 0;
	line-height:26px;
}
a {
	margin:0;
	padding:0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	color:#220175;
}
a:hover, a:active {
	outline: 0;
}
a img {
	border:0 none;
}

button, input, select, textarea {
	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}
button { /* make buttons play nice in IE */
	width: auto;
	overflow: visible;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style:none;
}
*{ margin:0; padding:0; box-sizing:border-box;}
img{ border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family: 'proxima_nova_rgregular';
	font-weight:normal;
	color:#181919;
	text-transform:uppercase;
}
h1 { font-size:80px; }
h2 { font-size:50px; }
h2 span{font-family: 'proxima_nova_rgbold'; font-weight:bolder;}
h3 { font-size:36px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:20px; }
.wrapper{ max-width:1500px; width:96%; margin:0 auto; }
.btn{ border-radius:5px; letter-spacing:2px; color:#220175; border:2px solid #220175; font-size:12px; padding:10px 12px;  min-width:200px; text-align:center; text-transform:uppercase; font-family: 'proxima_nova_rgregular'; display:inline-block;}
.btn:hover{ background:#355fac; color:#fff;}
.btn-white{ border-color:#873a15; color:#fff;}
.btn-white:hover{ background:#873a15; color:#fff;}
.btn.purple{ border-color:#220175; color:#220175;}
.btn.purple:hover{ background:#220175; color:#fff;}

.header-bc{ float:left; width:100%; position:absolute; top:0; left:0; z-index:3;}
.header{ float:left; width:100%;}
.logo{ float:left; margin-top:23px; margin-bottom: 25px;}
.nav{ float:right;}
.nav ul{ float:left;margin-top:25px;}
.nav ul li{ float:left; position:relative; margin:0 10px;}
.nav ul li a{ padding:12px 0; color:#424242; display:block; font-size:13px; text-transform:uppercase; letter-spacing:1px; font-family: 'proxima_nova_ltlight';}
.nav ul li.career{ margin-left:25px; margin-right:0;}
.nav ul li.career a{padding:0; background:none; color:#fff; border:1px solid #fff; border-radius:5px; padding:13px 24px;}
.nav ul li.career a:hover{ background:#fff; color:#000; border-bottom:0;}
.nav ul li a:hover, .nav > ul > li:hover > a{ background:none; color:#c1d82f; border-bottom:2px solid #c1d82f;}
.nav > span{ float:left; margin-top:34px; margin-left:25px;}
.nav > ul > li.has-children:hover > a{background: #f5f5f5 url("../images/arrow-menu.png") no-repeat scroll center bottom;transition: none;}

.upper-logo-text{ font-size:18px; text-transform:uppercase; color:#c1d82f;}
.banner-area .upper-banner{ font-size:55px; line-height:50px;}

.nav ul > li:hover > ul {
    display: block;
    margin-top: -3px;
    opacity: 1;
}
.nav ul > li > ul {
    background: #0689d8 none repeat scroll 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    margin-top: 20px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.3s ease 0s;
    width: 19.8125rem;
    z-index: 200;
}
.nav ul {
    float: left;
}

.nav ul > li::before {
    background: #0689d8 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.nav ul > li::after {
    
    bottom: 0;
    content: "";
    display: block;
    height: 0.625rem;
    left: 50%;
    margin-left: -0.65625rem;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 1.3125rem;
}
.nav ul > li > ul li {
    background: #0689d8 none repeat scroll 0 0;
    border-bottom: 0.0625rem solid #0a79c2;
    width: 100%;
}
.nav ul > li a {
    color: #FFF;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.nav ul > li > ul li a {
    color: #ffffff;
    font-size: 0.8125rem;
    padding: 0.9375rem;
    width: 100%;
}



.banner-bc{ float:left; width:100%;}
.banner{ display:table; width:100%; height:600px; position:relative;}
.banner:after{ background:rgba(0,0,0,0.7); position:absolute; width:100%; height:100%; z-index:1; content: ""; left:0; top:0;}
.banner-area{ float:left; width:100%; position:relative;}
.banner-area .slick-dots{ top:45%; bottom:auto; width:auto; right:2%; left:auto;}
.banner-area .slick-dots li{ display:block; margin: 0 0 10px;}
.banner-area .slick-dots li button{ background:#fff;}
.banner-area .slick-dots li.slick-active{ margin-left: -2px;}

.banner-area .slick-next{ right:4% !important; left:auto; bottom:100px; top:auto; background:url(../images/banner-prev.png) no-repeat !important; width:28px; height:31px;}
.banner-area .slick-prev{ right:0; left:auto; bottom:70px; top:auto; background:url(../images/banner-next.png) no-repeat !important; width:28px; height:31px;}
.banner-area .slick-prev::before, .banner-area .slick-next::before{ content:"";}
.banner-area .slick-arrow{ z-index: 10; right:2%; opacity:1 !important;}

.banner-text{ position:relative; display:table-cell; text-align:center; width:100%; color:#fff; z-index:2; height:100%; vertical-align:middle;}
.banner-text span{ clear:both; display:block;}
.banner-text-main{ float:left; width:100%; position:relative;}
.banner-text-main .mouse{ position:absolute; bottom:50px; text-align:center; z-index:12; left:50%; margin-left:-16px;}

.upper-banner{ font-size:20px;}
.center-banner{ font-family: 'Tungsten-Light'; text-transform:uppercase; font-size:150px; line-height: 140px;}
.bottom-banner{ text-transform:uppercase; font-size:21px;}
.banner-area.slick-slider{ margin-bottom:0;}
/*.banner-area:after{ left:0; position:absolute; content:''; height:62px; width:100%; background:url(../images/bottom-white.png) no-repeat center bottom / cover; bottom:0;}*/

.container{ float:left; width:100%; padding:60px 0;}
.left-area{ float:left; width:48%;}
.right-area{ float:right; width:48%; position:relative;}
.orange-line{ position:absolute; right:0; top:120px; background:#f17030; height:10px; width:50%; z-index:1;}
.welcome-area{ float:left; width:100%; position:relative;}
.welcome-area .left-area{ float:left; margin-top:40px;}
.icon-area{ position:absolute; background:url(../images/twopart.png) no-repeat; height:456px; width:440px; top:0; right:0;}
.home-first-image{ float:left; width:412px; height:500px; margin-left:30px; position:relative; z-index:3;}
.home-second-image{ width:412px; height:299px; position:absolute; bottom:-150px; right:0; z-index:4;}

.service-area-bc{ float:left; width:100%; background:#322f58; position:relative;}
.service-area-bc .container{ padding:130px 0 0; position:relative; z-index:1; text-align:center; overflow:hidden;}
.service-area-bc h2{ color:#fff;}
.line-area{ float:left; width:100%; padding:20px 0;}

.inn-banner{height:400px;overflow:hidden;}
.inn-banner .banner{height:400px;}
.service-area-bc ul li { vertical-align:top; display: inline-table; height: 21.25rem;position: relative;text-align: center;width: 24%;}
.service-area-bc ul li .hexagon {cursor: pointer;height: 21.25rem;overflow: hidden;transform: rotate(120deg);visibility: hidden;width: 18.125rem;}
.service-area-bc ul li .hexagon .hex1 {
    height: 100%;
    overflow: hidden;
    transform: rotate(-60deg);
    width: 100%;
}
.service-area-bc ul li .hexagon .hex1 .hex2 {
    background-size: cover !important;
    height: 100%;
    position: relative;
    transform: rotate(-60deg);
    visibility: visible;
    width: 100%;
	 transition: all .5s ease 0s;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div::after {
    background:rgba(49,46,86,0.64);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder {
    display: table-cell;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder img {
    display: inline-block;
    margin-bottom: 0.9375rem;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div:hover::after {
    background: rgba(71,65,129,0.9);
	opacity:1;
}

.service-area-bc ul li .hexagon .hex1 .hex2 > div {
    display: inline-table;
    height: 100%;
    padding: 0 0.9375rem;
    vertical-align: middle;
    width: 100%;
	transition: all 2s ease 0s;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder .service-head-area {
    display: inline-block;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	font-family: 'proxima_nova_rgbold';
}


.service-area-bc ul li .hexagon .hex1 .hex2 > div:hover .bc-text-builder > div{ display:block !important;}
.service-area-bc ul li .hexagon .hex1 .hex2 > div.bottom-area-hex .bc-text-builder .service-head-area{ padding:4px 0; border-bottom:1px solid #fff; border-top:1px solid #fff;}

.service-area-bc ul li .hexagon .hex1 .hex2:hover > div.top-area-hex{ margin-top:-400px;}
.service-area-bc:after{ position:absolute; content:''; height:62px; width:100%; background:url(../images/bottom-white.png) no-repeat center bottom / cover; bottom:0; left:0;}

.blog-selection{ background:#f1f1f1;}
.blog-selection ul{}
.blog-selection ul .slick-list li > div{ background-position:center; background-size:cover; float:left; width:100%; height:250px;}
.blog-selection ul .slick-list li{  font-family: 'latolight'; text-align:center; width:24%; float:left;}
.blog-selection ul .slick-list li > span{ padding:20px 20px 42px; display:inline-block; text-align:left; background:#fff; margin-bottom: -22px;}
.blog-selection ul .slick-list li h6{ color:#0689d8; font-size:20px;font-family: 'latolight'; text-transform:none;}
.blog-selection ul li p{ font-size:16px; line-height:20px; color:#303030;}
.blog-selection ul li a{ box-shadow:0px 0px 7px #94cbff;}
.blog-selection ul .slick-list li{ padding-right:20px; padding-left:20px;}
.blog-selection ul{ padding-right:20px; padding-left:20px;}
.blog-selection .btn-blog:after{ background: rgba(0, 0, 0, 0) url("../images/right_arrow_test.png") no-repeat scroll center center; content: ""; height: 100%;position: absolute; right: 12.5px; transition: all 0.3s ease 0s; vertical-align: middle; width: 1.5625rem;}
.blog-selection .btn-blog{background: #0689d8; overflow:hidden; border-radius: 1000px; display: inline-table; height: 3.5rem; min-width: 3.5rem;position: relative; text-align: center;transition: all 0.3s ease 0s; vertical-align: bottom;}
.blog-selection .btn-blog span { display:none; bottom: -53px;height: 100%; left: 0; letter-spacing: 0.15625rem; opacity: 0.2; position: absolute; text-transform: uppercase; transition-delay: 0.2s; transition-duration: 0.2s;  transition-property: top, opacity;  vertical-align: middle; width: 200px;}
.blog-selection .btn-blog:hover span { display:block; color: #ffffff; opacity: 1; padding-right: 20px;top: 17px;}
.blog-selection .btn-blog:hover { min-width: 12.5rem;}

.contact-banner-bc{ background:url(../images/contact-image.jpg) no-repeat center center / cover; float:left; width:100%; height:550px;}
.contact-banner-bc p{font-family: 'latobold';text-transform:uppercase; font-size:14px;}
.contact-banner{ margin-top:200px; margin-left:200px; width:340px; float:left; text-align:center;}

.portfolio-section{ float:left; width:100%;display: table;}
.left_benchmark{ display:table-cell; width:50%; background:#fc6921; padding:30px 2%; height:400px; vertical-align:middle;}
.left_benchmark h4{ color:#fff; font-family: 'latobold';}
.left_benchmark p{ color:#fff;}
.right_benchmark{ display:table-cell; position:relative; width:50%;background:#fc6921; padding:30px 2%;}
.right_benchmark::after {
    border-bottom: 3.5625rem solid rgba(0, 0, 0, 0);
    border-left: 3.5625rem solid #fc6921;
    border-top: 3.5625rem solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    margin-top: -3.4375rem;
    position: absolute;
    top: 50%;
    width: 0;
}

.cont-fot{}
.foot-cont-bc{float:left;width:100%;background:background: #2c294c; /* Old browsers */
background: -moz-linear-gradient(left,  #2c294c 0%, #489299 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2c294c 0%,#489299 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2c294c 0%,#489299 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c294c', endColorstr='#489299',GradientType=1 ); /* IE6-9 */}

.cont-cont input{background:#fff;}
.cont-cont textarea{background:#fff;}

.cont-cont .wd100{margin:0 !important;}
.cont-cont .wd100 input[type="submit"]{border:1px solid  #5c8190 !important;margin-top:20px !important;}
.con-submit{text-align:left !important;}
.cont-cont .wd100 input[type="submit"]:hover{background:#5c8190;color:#fff;}


.testimonial-main{ text-align:center;}
.testimonial{ display:inline-block; width:70%; max-width:100%;}
.testimonial span.teti-main{ margin:30px 0; display:block;}
.testimonial p{ font-size:24px; color:#2b436f;font-family: 'latoregular'; line-height:34px;}
.testimonial .testi-name{ font-size:20px; color:#2b436f;font-family: 'latobold'; display:block;}
.testimonial .testi-de{ font-size:16px; color:#2b436f; font-family: 'latolight'; display:block; font-style:italic;}

.client-logo{ float:left; width:100%; padding:0 2%;}
.client-logo ul li{ float:left; margin:0 10px; text-align:center;}
.client-logo ul li img{ display:inline-block;}

.fortypx { padding-left: 2%;padding-right: 2%;}

.logo{ margin:0 0 0 -2%;}


.packages h2 {
    text-align: right;
}
.right {
    float: right;
}
.packages ul li {
    width: 280px;
    float: right;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 0 4px 2px 0 #DADADA;
    text-align: center;
		
}
.packages ul li:nth-child(2n){padding:0 0 20px;}

.packages ul li h3 {
    color: #fff;
    background: #454545;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    font-size: 29.69px;
    font-weight: normal;
    padding: 15px 0;
}

.packages ul li p {
    line-height: 29.69px;
    font-size: 17.32px;
	padding:20px 0;
}

.left {
    float: left;
}
.packages .a {
    top:20px;
	left:40%;
}
.ob {
    position: absolute;
}
.packages .c {
    bottom:30px;
    margin-left: 0;
	left:0;
}
.packages .d {
    top:60px;
    margin-left: 0;
	left:0;
}
.packages ul li:nth-child(2n){
    margin-top: -14px;
}
.packages ul li:nth-child(2n) h3 {
    padding: 22px 0;
    background: #df1110;
}

.container.packages{ padding:80px 0; position: relative;}
.container.packages .right{ margin-top:40px;}

.nastf{ display:table;}
.left-nastf{ display:table-cell; width:30%; vertical-align:top;}
.right-nastf{ display:table-cell; width:70%; vertical-align:middle; padding-left:3%;}
.right-nastf h2{ font-size:30px;}
.grey{ float:left; width:100%; background:#f3f3f3;}


.footer-bc{ float:left; width:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c294c+0,489299+100 */
background: #2c294c; /* Old browsers */
background: -moz-linear-gradient(left,  #2c294c 0%, #489299 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2c294c 0%,#489299 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2c294c 0%,#489299 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c294c', endColorstr='#489299',GradientType=1 ); /* IE6-9 */
}


.footer{ float:left; width:100%; padding:50px 4%;}
.footer h2{ color:#fff; font-size:30px;}
.footer span{ color:#c1d82f;}
.footer .left-foot{ float:left; width:46%;}
.footer p{ color:#fff;}
.footer a{ color:#c1d82f;}
.footer .right-foot{ float:right; width:46%;}
.copyright{ float:left; width:100%; border-top:1px solid rgba(255,255,255,0.2); padding:30px 0;}

.left-copy{ float:left; color:#acaeb7; vertical-align:middle;font-size:13px;}
.left-copy a{ display:inline-block; vertical-align:middle; margin-right:20px;}
.left-copy p{ display:inline-block; vertical-align:middle;}

.right-copy{ float:right; margin-top:10px;}
.right-copy ul{ float:right;margin-top:10px;}
.right-copy ul li{ font-size:13px; float:left; margin:0 10px; text-transform:uppercase;}
.right-copy ul li a{ color:#fff;}

.right-copy ul.social-icon-foot{ margin-top:0;}
.right-copy ul.social-icon-foot li{ margin:0 3px;}

.right-foot .wd100{ float:left; width:100%; margin:10px 0;}
.right-foot .wd50{ float:left; width:47%;}
.right-foot .wd50.rg-form{ float:right;}
.right-foot .wd100 span{ float:left; width:100%; color:#fff; margin-bottom:5px;}
.right-foot .wd100 input, .right-foot .wd100 textarea{ width:100%;}
.right-foot .wd100.input-submit{ text-align:center;}
.right-foot .wd100 input[type="submit"]{ background:#fff; width:auto; border:none; color:#000;}

input, textarea{ background:rgba(0,0,0,0.2); border:1px solid #5c8190; color:#acacac; height:40px; padding:0 20px; font-size:14px;}
textarea{ height:200px; padding-top:10px;}

.lf-container{ float:left; width:32%;}
.rg-container{ float:right; width:65%;}
.image-com{ border: 5px solid #fff;outline:1px solid;
    height: 300px;margin-top:20px;}

.yelp-amin{ float:left; width:150px; position:fixed; z-index:2; right:0; top:40%; border-radius:5px 0 0 5px; background:#ed1b24; color:#fff; font-size:12px; }
.yelp-amin a{  padding:10px 16px; display:inline-block; color:#fff;}

#scroll{ float:left; width:100%;}

.lf-container > div{ margin-bottom:20px;}

.client-logo{float:left;width:100%;background:#ccc;}
.client{padding:20px 0;}
.client ul{}
.client ul li{display:inline-block;text-align:center;vertical-align:middle;}
.call-to-bc{float:left;width:100%;background:#026C90;}
.call-to{padding:30px 0;text-align:center;}
.call-to h3{color:#fff;display:inline-block;vertical-align:middle;letter-spacing:1px;font-size:28px;}
.call-to .btn{display:inline-block;vertical-align:middle;color:#fff;border:2px solid #fff;margin-left:20px;}
.call-to .btn:hover{background:#fff;color:#026C90;}
#menu{ display:none;}
@media only screen and (min-width: 850px) and (max-width: 1250px) {
	.service-area-bc ul li .hexagon{ width:200px; height:232px;}
	.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder .service-head-area{ font-size:16px;}
	.service-area-bc ul li{ height:auto;}
	.service-area-bc ul li{ margin:10px 0;}
	.packages .left{ display:none;}
}

@media only screen and (max-width: 1250px){
        .nav ul li { margin: 0 5px;}
}
@media only screen and (max-width: 1200px){
	.nav ul li{ margin: 0 8px;}	
        .nav ul { display: none;}
.nav{ position:relative; right:-25px;}
#menu{ display:block; color: #fff;
    display: block;
    font-family: "proxima_nova_rgbold";
    font-size: 14px;
    padding: 13px 18px;
    text-transform: uppercase; text-align:center; background:#e01e3c; width:200px; float:left; cursor:pointer;}
.nav ul{ margin-left: 25px; width:200px; clear: both; background:#fff; margin-top:0;} 
.nav ul li.career a{ display:none; width:100%;}
.nav ul li{ margin: 0; display:block; width:100%;}
.nav ul li a{ padding: 4px 0; color:#000; display:block; text-align:center;}
}
@media only screen and (max-width: 1100px) {
	.nav ul li a{ padding: 0;}
	.nav ul li.career, .nav > span{ margin-left:10px;}
	.home-second-image{ display:none;}	
	.home-first-image{ width:95%; margin-left:5%;}
	.center-banner{ line-height:normal; font-size:120px; line-height:110px;}
	.packages .left{ display:none;}
	
	.left-copy{ width:100%; text-align:center;}
	.left-copy a, .left-copy p{ width:100%;}
	.right-copy{ width:100%; text-align:center;} 
	
	.right-copy ul { width:100%;}
	.right-copy ul li{ width:100%; margin:0;}
	.right-copy ul.social-icon-foot li{ width:auto; float:none; display:inline-block;}
}


@media only screen and (max-width: 900px) {
	.contact-banner-bc{ height: 300px;}
	.contact-banner{ width:300px; max-width:100%; margin-top:50px; margin-left:0;}
	
	.packages .right ul li{ width:100%;}
	.packages .right{ width:100%;}
	.nav ul{ display:none;}
}

@media only screen and (max-width: 850px) {
	.service-area-bc ul li{ margin:10px 10px;}
	.nav ul{ display:none;}
	.testimonial{ width:100%;}
	.right_benchmark{ float:left; width:100%; height:300px;}
	
	.home-second-image{ display:block;}	
	.home-first-image, .home-second-image{ width:65%; margin-left:0;}
	.welcome-area .left-area, .welcome-area .right-area{ width:100%;}
	.welcome-area .right-area{ margin-top:30px;}
	.orange-line{ display:none;}
	.left_benchmark{ height:auto; float:left; width:100%;}
	.right_benchmark::after{ content:normal;}
	
	.left-nastf{ float:left; width:100%; text-align:center; margin-bottom:20px;}
	.right-nastf{ float:left; width:100%;}
	
	.footer .left-foot{ width:100%;}
	.footer .right-foot{ width:100%; margin-top:20px;}
}
@media only screen and (max-width: 500px) {
	.home-first-image, .home-second-image{ width:100%;}
	.home-second-image{ position:static; float:left; width:100%; margin-top:10px;}
	.icon-area, .orange-line{ display:none;}
	.service-area-bc .container{ padding:60px 0 0;}
}


@media only screen and (max-width: 768px) {
	h1 { font-size:50px; }
	h2 { font-size:30px; }
	h3 { font-size:25px; }
	h4 { font-size:21px; }
	h5 { font-size:18px; }
	h6 { font-size:16px; }
	body{ font-size:13px;}
	p{ line-height:20px;}
	.line-area{ padding:10px 0;}
	.btn{ padding: 8px 17px;}
	.testimonial p{ font-size:16px; line-height:20px;}
	.testimonial .testi-name, .testimonial .testi-de{ font-size:16px;}
	.blog-selection ul .slick-list li h6{ font-size:16px;}
	.blog-selection ul li p, .contact-banner-bc p{ font-size:13px;}
	.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder .service-head-area{ font-size:18px;}
	.bottom-banner, .upper-banner{ font-size:15px;}
	.center-banner{ font-size:70px; line-height:70px;}
	.banner{ height:500px;}
	.banner-text-main .mouse img{ height:30px;}
	.sidebar-top{ display:none;}
	.lf-container{width:100%;}
	.rg-container{width:100%;}
	.call-to h3{margin-bottom:15px;font-size:25px;}
	.right-foot .wd50{width:100%;}
	.right-foot .wd100 input, .right-foot .wd100 textarea{margin:5px 0;}
.banner-area .upper-banner{ line-height: 30px; font-size: 25px;}
}