@media only screen and (max-width:1400px) {
.style12 {
	margin-left: 150px
}
.about_img {
	margin-left: 0;
	margin-right: 0
}
.style2 {
	padding-left: 0;
	padding-right: 0;
	margin: 0 8px 15px;
	float: left
}
.style2_service {
	padding-left: 0;
	padding-right: 0;
	margin: 0 0 15px;
	border: 2px solid #fff
}
.col-lg-1 {
	width: 0
}
.services_style {
	background: #ea2727;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 30px;
	height: 366px;
	padding-top: 170px
}
.underline-color {
	background: #C3C3C3;
	border: 0;
	height: 1px;
	width: 430px
}
.portfolio .col-lg-4 {
	position: relative;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {

.view .mask h3 {
    font-size: 12px;
    margin-left: 4px;
}	
	
.style2, .style2_service {
	height: auto !important;
}	
.free-wall {
	height: 415px!important
}
.size-mid {
	width: 42%!important
}
.size11 {
	width: 47%!important
}
.demo-y {
	height: 320px!important
}
.demo-y-1 {
	height: 223px!important
}
.demo-x {
	width: 495px!important
}
.demo-x1 {
	height: 238px!important;
	margin-right: 15px!important;
	width: 285px!important
}
.style12 {
	margin-left: 150px
}
.style1 {
	padding-top: 5px;
	margin-left: 0!important;
	max-width: none!important
}
.style_about {
	display: none!important
}
.style_about_1 {
	height: 465px!important
}
.about_img {
	margin-left: 0;
	margin-right: 0
}
.style2 {
	width: 22%!important
}
.style2_service {
	height: 160px
}
.thumb-display {
	width: 580px!important
}
#rightDisplay {
	width: 640px!important
}
#rightDisplay img {
	height: 225px
}
.imagetitle {
	width: 640px!important;
	margin: 0!important
}
.view .mask {
	width: 130px
}
.services_style {
	background: #ea2727;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 30px;
	height: 303px;
	padding-top: 140px
}
.style_services_1 {
	font-size: 13px!important
}
.style_services_3 {
	margin-top: 0!important
}
.slidecontent {
	height: 287px!important
}
#slider, #slider div.sliderInner, #sliderFrame {
	margin-right: 0!important;
	height: 340px!important
}
.portfolio .col-lg-4 {
	position: relative;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0
}
.title-heading-about {
	margin-left: 0!important;
	margin-right: 0;
	font-size: 55px!important
}
.title-services-heading {
	font-size: 55px!important
}
.underline-color {
	background: #C3C3C3;
	border: 0;
	height: 1px;
	width: 430px
}
.nav-collapse.opened {
	max-height: 9999px
}
.nav-toggle {
	background: url(../img/mobile-menu.png) no-repeat;
	display: block;
	height: 33px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	top: 30px;
	width: 33px
}
.js .nav-collapse {
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	top: 0;
}
#nav li a {
	font-size: 14px!important;
	font-weight: 600!important
}
.menu {
    padding: 0px !important;
	margin:20px 10px !important;
}
.menu-container {
	height: 95px !important;
}
.menu-container li {
	float: none;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#teaser, #teaser-text-lrg {
	height: 100px
}
.teaser-lrg-text-anim h2 {
	font-size: 62px
}
.about-box {
	width: 170px
}
.single-image-team {
	height: 212px!important
}
.menu-social .social {
	margin-right: 30px;
}
.sb-description {
	height:473px;
	width:236px;
}
.sb-description p {
	font-size: 13px;
    line-height: 18px;
}
.style_menu_5 {
	display: none !important;
}
.logo {
    padding: 30px 30px 15px 0 !important;
}
.logo img {
	max-width: 85% !important;
}
}

@media only screen and (max-width:991px) {	
	
.view .mask {
    width: 91px;
}	
.view .mask h3 {
    font-size: 10px;
    margin-left: 4px;
}	
.free-wall {
	height: 345px!important
}
.size-mid {
	width: 42%!important
}
.size11 {
	width: 46.5%!important
}
.size22 {
	width: 34%!important
}
.size12 {
	width: 21%!important
}
.style12 {
	margin-left: 95px
}
.demo-x {
	width: 407px!important
}
.demo-x1 {
	height: 165px!important;
	margin-right: 15px!important;
	width: 715px!important
}
.thumb-display {
	width: 100%!important;
	height: auto!important
}
.style2 {
	margin: 0 5px 15px!important;
	width: 11.8%!important
}
#rightDisplay {
	width: 715px!important
}
.imagetitle {
	width: 715px!important;
	margin: 5px!important
}
.style1 {
	padding-top: 0;
	margin-left: 0!important;
	max-width: none!important
}
.title-heading-about {
	margin-left: 0!important;
	margin-right: 0;
	font-size: 45px!important
}
.title-services-heading {
	font-size: 45px!important;
	margin-left: 0!important;
	margin-right: 0
}
#strength .title-heading, #vision .title-heading {
	font-size: 45px!important;
	margin-left: 0!important;
	margin-right: 0;
	text-align: center!important
}
#clientele .title-heading {
	margin-left: 0!important;
	margin-right: 0;
	font-size: 45px!important
}
#career .title-heading {
	font-size: 45px!important;
	margin-left: 0!important;
	margin-right: 0;
	text-align: center!important
}
#contact .title-heading, #gallery .title-heading {
	margin-left: 0!important;
	margin-right: 0;
	font-size: 45px!important
}
.about_img {
	margin-left: 0;
	margin-right: 0
}
.style2, .style2_service {
	height: auto;
}
.services_style {
	background: #ea2727;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 30px;
	height: 234px;
	padding-top: 100px
}
.style_services_1 {
	font-size: 12px!important;
	width: 200px
}
.style_services_3 {
	margin-top: 0!important;
	padding: 0!important
}
.slidecontent {
	height: 220px!important
}
#slider, #slider div.sliderInner, #sliderFrame {
	margin-right: 0!important;
	height: 340px!important
}
.style_services_8 {
	padding-left: 30px!important
}
.style_career_6, .style_vision_6 {
	display: none
}
.portfolio .col-lg-4 {
	position: relative;
	min-height: 1px;
	padding: 0
}
.underline-color {
	background: #C3C3C3;
	border: 0;
	height: 1px;
	width: 430px
}
.nav-collapse.opened {
	max-height: 9999px
}
.nav-toggle {
	background: url(../img/mobile-menu.png) no-repeat;
	display: block;
	height: 33px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	top: 30px;
	width: 33px
}
.js .nav-collapse {
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	top: 0;
}
#nav li a {
	font-size: 14px!important;
	font-weight: 600!important
}
.menu {
    padding: 10px !important;
}
.menu-container {
	height: 95px !important;
}
.menu-container li {
	float: none;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
	padding-left: 25px;
	padding-bottom: 8px;
	padding-top: 8px
}
#cnext {
	right: 12px
}
#cprev {
	left: 12px
}
#cnexttwo {
	right: 0
}
#cprevtwo {
	left: 0
}
[class*=col-] {
	padding-top: 0;
	padding-bottom: 0
}
.view .mask {
	padding: 0
}
#teaser, #teaser-text-lrg {
	height: 100px
}
.teaser-lrg-text-anim h2 {
	font-size: 52px
}
.about-box {
	width: 170px
}
.details-block .col-lg-10 a:last-child, .tabbed-area .col-md-4:after, .tabbed-area .col-md-4:before {
	display: none
}
#team .menu-social {
	display: block
}
#team .menu-social .pull-right {
	float: left
}
#team .menu-social .social {
	margin: 0
}
.single-image-team {
	height: 158px!important
}
.active .single-team:before {
	bottom: 15px
}
.process-detail {
	padding-top: 20px
}
.txtform {
	margin: 0!important
}
.c-box {
	display: block
}
.footer .row, .footer .text {
	text-align: center
}
.menu-social .social {
	margin-right: 30px;
}
.sb-description {
	display: none;
}
.style_menu_5 {
	display: none !important;
}
.logo {
    padding: 30px 30px 15px 0 !important;
}
.logo img {
	max-width: 85% !important;
}
}

@media only screen and (max-width:767px) {
.view .mask {
    width: 100% !important;
}	
.view .mask h3 {
    font-size: 20px;
    margin-left: 4px;
}	
#sync1 {
	display: none!important
}
.style12 {
	margin-left: 0
}
.style10 {
	color: #868686;
	font-family: Lato, sans-serif;
	font-size: 17px;
	line-height: 20px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: left
}
.style8 {
	background: none!important;
	height: 50px!important
}
.style1 {
	padding-top: 0;
	margin-left: 0
}
.about_img {
	margin-left: 0;
	margin-right: 0
}
.style_about {
	margin-bottom: 15px!important
}
.style2 {
	height: 145px
}
.style2_service {
	height: 160px
}
.view .mask {
	width: 180px
}
.services_style {
	background: #ea2727;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 30px;
	height: 234px;
	padding-top: 100px
}
.sm-title {
	display: block!important
}
.lg-slider, .lg-title {
	display: none!important
}
#mcts1 {
	width: 100%!important;
	height: 493px!important
}
#mcts1 div.item {
	width: 184px!important;
	margin: 0 auto!important
}
.style_services_1 {
	font-size: 14px!important;
	width: auto!important
}
.underline-color {
	background: #C3C3C3;
	border: 0;
	height: 1px;
	width: 230px
}
.imagetitle, .imagetitle1, .maincontainer, .style_strength_4, .style_vision_7 {
	display: none
}
#teaser, #teaser-text-lrg {
	height: 70px
}
.teaser-lrg-text-anim h2 {
	font-size: 32px
}
.home-splash {
	font-size: 18px!important
}
.about-box {
	width: 40%;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 24px 0
}
.about-icon i {
	font-size: 25px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	width: 40px
}
.about-box:after, .about-box:before {
	display: none
}
.slider-nav {
	bottom: -230px
}
.some-analytics {
	margin: 25px auto 0
}
.details-block .col-lg-10 a:last-child, .tabbed-area .col-md-4:after, .tabbed-area .col-md-4:before {
	display: none
}
#team .menu-social {
	display: block
}
#team .menu-social .pull-right {
	float: left
}
#team .menu-social .social {
	margin: 0
}
.single-image-team {
	height: 210px!important
}
.active .single-team:before {
	bottom: 15px
}
.service-detail {
	display: block
}
.service-item {
	margin: 0 auto;
	width: 90%
}
.stat:after, .stat:before {
	display: none
}
.stat .num {
	font-size: 28px
}
.process-detail {
	padding-top: 20px
}
.txtform {
	margin: 0!important
}
.c-box {
	display: block
}
.footer .row, .footer .text {
	text-align: center
}
.menu-social .social {
	margin-right: 40px;
}
.sb-description {
	display:none;
}
.style_menu_5 {
	display: none !important;
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.demo-y {
	height: 275px!important
}
.demo-y-1 {
	height: 153px!important
}
.style12 {
	margin-left: 95px
}
.style_about {
	display: none!important
}
.style_about_1 {
	height: 355px!important
}
}

@media only screen and (min-width:480px) and (max-width:767px) {
.free-wall {
	height: 265px!important
}
.size-mid, .tab {
	display: none!important
}
.mob {
	display: block!important
}
#strength1, #strength2, #strength3, #strength4, #strength5, #strength6, #strength7, #strength8, #portfolio1, #portfolio2, #portfolio3{
	display: block !important;
}
.size11, .size12, .size21, .size22 {
	height: 55%!important;
	width: 31.5%!important
}
.brick {
	margin: 3px!important
}
.style12 {
	margin-left: 0
}
.style1 {
	margin-left: 20px!important;
	margin-right: 20px;
	max-width: 700px!important
}
.style5 img {
	width: 75%!important;
	padding: 0 10px!important
}
.demo-y {
	padding: 40px 0
}
.about_img {
	margin-left: 0;
	margin-right: 0
}
#leftNav {
	width: 100%!important
}
.demo-x1 {
	height: 165px!important;
	width: auto!important
}
.thumb-display {
	width: 100%!important
}
.style2 {
	height: auto;
	width: 11.8%!important;
	margin: 0 5px 15px!important
}
.style2_service {
	height: auto
}
.services_style {
	background: #ea2727;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 30px;
	height: 234px;
	padding-top: 45px
}
.style_strength_8 {
	font-size: 13px !important;
}
.style_menu_1, .style_menu_2, .style_menu_3 {
	display: none !important;
}
.style_menu_4 {
	display: block !important;
}
}

@media only screen and (max-width:479px) {
.view .mask .inner-mask:hover h3 {
	padding-top: 21%;
}
.view .mask {
    width: 100% !important;
}	
.view .mask h3 {
    font-size: 13px;
    margin-left: 4px;
}	
.style5 img {
	width: 60%!important;
	padding: 0 10px!important
}
.free-wall {
	height: 290px!important
}
.size-mid, .tab {
	display: none!important
}
.mob {
	display: block!important
}
#strength1, #strength2, #strength3, #strength4, #strength5, #strength6, #strength7, #strength8, #portfolio1, #portfolio2, #portfolio3{
	display: block !important;
}
.size11, .size12, .size21, .size22 {
	height: 55%!important;
	width: 47%!important
}
.brick {
	margin: 3px!important
}
.style12 {
	margin-left: 0
}
.style1 {
	margin-left: 20px!important;
	margin-right: 20px
}
.demo-y {
	height: 330px!important
}
.about_img {
	margin-left: 20px;
	margin-right: 20px
}
.style2 {
	height: auto;
	margin: 0 5px 15px!important;
	width: 100.5%!important
}
.services_style {
	background: #ea2727;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 30px;
	height: 100px;
	padding-top: 32px
}
.underline-color {
	background: #C3C3C3;
	border: 0;
	height: 1px;
	width: 200px
}
#leftNav {
	width: 100%!important
}
.thumb-display {
	margin: 0 auto!important;
	width: 200px!important
}
.demo-x1 {
	height: 100%!important;
	margin: 0 auto!important;
	width: 205px!important
}
.style_about {
	left: 0
}
#home .menu-social {
	display: none
}
#teaser, #teaser-text-lrg {
	height: 60px
}
.teaser-lrg-text-anim h2 {
	font-size: 20px
}
.home-splash {
	width: 90%;
	font-size: 16px!important
}
.title-heading {
	font-size: 28px;
	margin-left: 0;
	margin-right: 0
}
.about-box {
	width: 40%;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 24px 0
}
.about-icon i {
	font-size: 18px;
	height: 25px;
	line-height: 26px;
	width: 25px;
	margin-bottom: 10px
}
.about-box:after, .about-box:before {
	display: none
}
.details-block i {
	font-size: 24px
}
.text-slider ul li h2 {
	font-size: 32px
}
.text-slider ul li {
	height: 40px
}
.details-block {
	margin-bottom: 0!important
}
.details-block .col-lg-10 a:last-child, .tabbed-area .col-md-4:after, .tabbed-area .col-md-4:before {
	display: none
}
.slider-nav {
	bottom: -215px
}
#team .menu-social {
	display: block
}
#team .menu-social .pull-right {
	float: left
}
.menu-social .social {
	margin: 0
}
.single-image-team {
	height: 140px!important
}
.active .single-team:before {
	bottom: 15px
}
.service-detail {
	display: block
}
.service-item {
	margin: 0 auto;
	width: 90%
}
.stat:after, .stat:before {
	display: none
}
.stat .num {
	font-size: 28px
}
.process-detail {
	padding-top: 20px
}
.txtform {
	margin: 0!important
}
.contact ul {
	margin-left: 70px
}
.c-box {
	display: block
}
.footer .row, .footer .text {
	text-align: center
}
.style_menu_1, .style_menu_2, .style_menu_3 {
	display: none !important;
}
.style_menu_4 {
	display: block !important;
}
.style_strength_8 {
	font-size: 13px !important;
}
.style_menu_5 {
	display: none !important;
}
}