@media screen and (min-width:981px) and (max-width:1104px) {
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px
}
#nav ul li {
	margin: 0 20px 0 0
}
.section1 .lt h4 {
	font-size: 24px;
	line-height: 30px
}
.padd {
	padding: 0 20px!important
}
.section1 .lt {
	width: 45%;
	margin: 0 0 0 20px
}
.section7 .lt {
	width: 45%;
	top: -40px
}
.sectionb3 .rt .bottomc .form-s {
	margin: 0 0 0 160px
}
.sectionp4 .listing .cont h4 {
	font-size: 20px;
	line-height: 24px
}
.sectionp5 .rt a.video {
	display: block
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px
}


.btn-section h6 {
	font-size: 12px
}
.section1 .lt h4 {
	font-size: 22px;
	line-height: 28px
}
h2 {
	font-size: 40px;
	line-height: 40px
}
.section3>img {
	height: 400px;
	object-fit: cover
}
.section3 .caption .icon {
	padding: 0 0 20px
}
.section4 {
	padding: 50px 0
}
.section4 .phone-section input[type=submit] {
	font-size: 20px
}
.section4 .phone-section input[type=text] {
	font-size: 14px
}
.section5 {
	padding: 20px 0 80px
}
.section6 .caption {
	top: -60px
}
.section6>img {
	height: 550px;
	object-fit: cover
}
.section7 .lt {
	width: 40%
}
.section7 .rt{width:60%;}
.section1 .lt {
	width: 45%;
	margin: 0 0 0 20px
}
.padd {
	padding: 0 20px!important
}
.sectionb2 .block .cont, .sectionb2 .block .img {
	float: none;
	width: auto
}
.sectionb3 .rt .bottomc .ipad {
	left: -100px
}
.sectionb3 .rt .bottomc .ipad img {
	width: 400px;
	height: auto
}
.sectionb3 .rt .bottomc .form-s {
	margin: 0 0 0 200px;
	width: 300px
}
.sectionb3 .rt .bottomc .form-s h2 {
	font-size: 30px;
	line-height: 36px
}
.sectionc5 .lt h3 {
	font-size: 20px;
	line-height: 26px
}
.sectionp5 .rt a.video {
	display: block
}
.sectionp9 .rt {
	float: right;
	width: 60%
}
.sectionp4 .listing li {
	width: 50%!important
}

}
@media screen and (min-width:1025px){
		
	}
@media screen and (max-width:1024px){
	.sectionp4.team-page .listing li{
		width:auto !important;
		display:block;
		float:none;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{border-left:none !important; padding-left:0px !important;}
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after{content:"\25bc" !important;}
	.sf-menu ul li a, .sf-menu ul li a:hover{background:rgba(255,255,255,.10) !important;}
#nav ul, .mob_title {
	position: absolute;
	right: 0
}
#nav ul li a, .mob_title {
	font-size: 18px;
	color: #fff
}
#nav ul li, #nav ul li a, .btn-section, .section1 .lt .share h6, .section2 .btns-w, .section6 .video {
	text-align: center
}
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px
}
#nav, #nav ul li {
	float: none;
	width: auto;
	margin: 0
}
.mob_title {
	display: block;
	padding: 5px 10px;
	font-style: normal;
	background: 0 0;
	top: -50px
}
#nav, #nav ul li a, #nav ul li ul {
	position: relative
}
.mob_title em {
	line-height: 30px;
	color: #fff;
	font-weight: 600;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	display: none
}
#logo, #nav ul li, #nav ul li a {
	display: block
}
#nav {
	padding: 0
}
#nav ul {
	display: none;
	z-index: 10000000000000;
	padding: 10px 0px 0px 0px;
	background: #0e1cd0;
	top: 0;
	width: 270px
}
#nav ul ul{display:block;}
#nav ul li ul{padding:0px 0px;}
#nav ul li {
	background: 0 0;
	height: auto;
	border: 0;
	padding: 10px 0
}
#nav ul li a {
	padding: 0 0 10px;
	text-transform: uppercase;
	line-height: 18px
}
.mob_title a.menubtn {
	background: url(../images/menu-bg.png) no-repeat;
	display: block;
	float: right;
	height: 28px;
	width: 34px
}
#logo, #nav ul, .btn-section, .btn-section .btns {
	float: none
}
#nav ul li a:hover {
	
}
#nav ul li ul {
	left: 0;
	width: 100%;
	
}
#nav ul li ul li{margin:0px 0px; padding:0px 0px;}
#nav ul li span.arrow {
	display:none;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/scroll_arrow.png) center center no-repeat;
	width: 60px;
	height: 40px;
	z-index: 1000
}
#nav ul li:hover {
	background: 0 0
}
header {
	padding: 20px 0 15px;
	position: relative
}
#logo img {
	margin: 0 auto 13px auto;
}
.right-header, #nav, #logo{float:none !important;}
#logo{margin-bottom:30px;}

.search-wrap {
	display: none
}
.btn-section {
	margin: 20px auto 0;
	width: 280px
}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:first-child{display: none;}
	.mega-sub-menu{padding:10px 10px !important;}
	#mega-menu-wrap-primary #mega-menu-primary li a{font-size:14px; text-transform: none; padding-bottom:0px; margin:10px 0px;}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{margin-top:20px;}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link{text-align:center;}
	.menu-search{display:none !important;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding:0px 0px 0px 0px;}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
    content: "\25bc" !important;
    float: none;
    font-size: 7px;
    color: #999;
    position: relative;
		top: -1px;}
}

@media screen and (max-width:767px) {
.section9{display:none;}

.lt, .rt {
	float: none!important;
	width: auto!important
}
h1 {
	font-size: 34px;
	line-height: 38px
}
h4 {
	font-size: 20px;
	line-height: 24px
}
.sh>img {
	height: 340px;
	object-fit: cover
}
.banner .btns {
	font-size: 20px;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 160px
}
.banner h4 {
	padding: 0 0 20px
}
.padd {
	padding: 0!important
}
.lt {
	padding: 20px 0 30px!important
}
.rt {
	padding: 0 0 20px!important
}
.section1 .lt .share {
	position: static;
	padding: 0 0 20px;
	margin: 0 auto;
	width: 140px
}
.section1 .lt .share a {
	float: left
}
.section1 .lt h4 {
	font-size: 20px;
	line-height: 26px
}
.section1 .lt h5 {
	padding: 10px 0 20px
}
.section1 .rt {
	height: auto!important;
	padding: 20px 0!important
}
h2 {
	font-size: 26px;
	line-height: 30px
}
	.banner-top-caption h2{line-height:normal;}
.section1 .rt h2 {
	padding: 0 0 20px
}
.section1 .rt p {
	font-size: 14px;
	line-height: 20px
}
.section2 {
	padding: 30px 0 20px
}
.section2 h2 {
	font-size: 26px;
	line-height: 30px;
	padding: 0 0 20px
}
.section2 h5 {
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 20px
}
.section2 .lt ul li a {
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 0 45px
}
.section2 .btns {
	float: none;
	font-size: 20px;
	line-height: 40px
}
.section3 .caption {
	
}
.section3 .caption h3 {
	font-size: 22px;
	line-height: 28px
}
.section3 .caption .icon {
	padding: 0 0 20px
}
.section4 {
	padding: 40px 0
}
.section4 .lt h4 {
	font-size: 18px;
	line-height: 24px;
	padding: 0 0 40px
}
.section4 .lt h4 strong {
	padding: 0 0 15px 40px;
	background-size: 30px auto
}
.section4 .lt p {
	font-size: 14px;
	line-height: 20px;
	width: auto;
	padding: 0 0 10px 8px
}
.section4 .phone-section .icon {
	float: none;
	display: none
}
.section4 .phone-section form {
	float: none;
	width: auto
}
.section5 .listing li.first .circle, .section5 .listing li.last .circle {
	width: 100%;
	margin: 0 auto
}
.section4 .phone-section input[type=submit] {
	font-size: 15px
}
.section4 .phone-section input[type=text] {
	padding: 0 10px;
	font-size: 12px
}
.section4 .rt img {
	float: none;
	margin: 0 auto
}
.section5 {
	padding: 20px 0 40px
}
.section5 h2 {
	font-size: 30px;
	line-height: 34px;
	padding: 0 0 20px
}
.section5 h5 {
	font-size: 14px;
	line-height: 20px
}
.section5 .listing li {
	float: none
}
.section5 .listing li.first p {
	left: auto;
	padding: 0 0 30px
}
.section5 .listing li.last p {
	right: auto
}
.section6 .caption {
	position: relative;
	top: 0;
	margin-bottom: 30px
}
.section6 .video a {
	display: block
}
.section6 .video {
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0
}
.section6 .video iframe {
	max-width: 100%!important;
	width: 95%!important
}
.section6>img {
	height: 300px;
	object-fit: cover;
	display: none
}
.section6 .btns {
	font-size: 20px;
	line-height: 40px
}
.section7 .lt {
	position: relative !important;
	left: auto !important;
	top: auto !important;
}
.section7 .rt h4 {
	font-size: 20px;
	line-height: 22px
}
.section7 .rt .listing {
	padding: 20px 0
}
.section7 .rt .listing ul li p {
	font-size: 16px;
	line-height: 20px
}
.section8 {
	padding: 40px 0
}
.section8 h3 {
	font-size: 20px;
	line-height: 26px
}
.top-footer .foot1 {
	float: none;
	width: auto;
	margin: 0 0 50px
}
.top-footer .foot2 {
	float: none;
	width: auto
}
.top-footer .footin {
	float: none;
	width: auto;
	margin: 0 0 30px
}
.bottom-footer h6, .bottom-footer p {
	float: none;
	text-align: center
}
.section7 .lt img {
	width: auto;
	height: auto;
	margin: 0 auto
}
br {
	display: none!important
}
.sectionb1 h2 {
	font-size: 30px;
	line-height: 38px
}
.sectionb2 .block {
	float: none;
	width: auto
}
.sectionb2 .block .img {
	float: none;
	width: auto;
	padding: 0 0 20px
}
.sectionb2 .block .img img {
	margin: 0 auto
}
.ltc, .sectionb3 .lt {
	margin: 0 0 20px
}
.sectionb2 .block .cont {
	float: none;
	width: auto;
	display: block
}
.sectionb3 .lt .bottomc {
	padding: 30px 0 0
}
.sectionb3 .lt {
	float: none;
	width: auto;
	display: none
}
.ltc, .rtc {
	float: none!important;
	width: auto!important
}
.sectionb3 .rt .topc {
	padding: 0 20px
}
.sectionb3 .topc .ltc .block, .sectionb3 .topc .ltc .blocksm:nth-child(2n), .sectionp2 li {
	float: none
}
.sectionb3 .topc .ltc .blocksm {
	width: auto
}
.sectionb3 .rt .bottomc .form-s {
	width: auto;
	margin: 20px 0 0
}
.sectionb3 .rt .bottomc .ipad {
	display: none
}
.sectionb3 .rt .bottomc {
	padding: 30px;
	margin: 20px 0 0
}
.sectionb3 .rt .bottomc .form-s img {
	display: block;
	width: 100%
}
.sectionb3 .rt .bottomc .form-s h2 {
	font-size: 30px;
	line-height: 36px
}
.sectionb3 .rt {
	padding: 0!important
}
.sectionc1 .cont {
	width: auto;
	margin: 0
}
.sectionc2 {
	padding: 30px 0
}
.sectionc2 .lt h2 {
	font-size: 22px;
	line-height: 26px;
	padding: 0 0 30px
}
.sectionc2 .lt h2 span {
	background-size: 30px auto;
	padding: 5px 0 5px 35px
}
.sectionc3 h2 {
	font-size: 30px;
	line-height: 34px
}
.sectionc4 {
	padding: 90px 0 30px
}
.sectionc4 .topc h3 {
	font-size: 22px;
	line-height: 26px;
	padding: 0 0 30px
}
.sectionc4 .topc h3 span {
	background-size: 30px auto;
	padding: 8px 0 8px 40px
}
.sectionc4 .topc ul li {
	float: none;
	width: auto;
	margin: 0 0 30px
}
.sectionc4 .bottomc {
	margin: 30px 0 0;
	padding: 40px 0 20px
}
.sectionc4 .bottomc li img {
	width: 30px;
	height: auto
}
.sectionc1 .cont h2 {
	font-size: 40px;
	line-height: 40px
}
.sectionp2 {
	padding: 30px 0
}
.sectionp2 li {
	width: auto !important;
	padding: 20px;
	margin: 0 0 20px;
	float:none !important;
}
.sectionp4 {
	padding: 40px 0 20px
}
.sectionp4 h2 {
	font-size: 30px;
	line-height: 34px
}
.sectionp4 .listing li {
	float: none!important;
	width: auto!important
}
.sectionp5 .rt a.video {
	display: block
}
.sectionp5 {
	padding: 20px 0
}
}