@import 'animate.css';

@import 'bootstrap.min.css';


.four.columns.whyus {
  background: #f5f5f5 none repeat scroll 0 0;
  border-bottom: 4px solid #00406d;
  box-shadow: 0 0 0 1px #cccccc;
  position: relative;
  top: 7px;
-moz-transition: transform 0.2s linear 0s, box-shadow 0.2s linear 0s;!important;
-webkit-transition: transform 0.2s linear 0s, box-shadow 0.2s linear 0s;!important;

-o-transition: transform 0.2s linear 0s, box-shadow 0.2s linear 0s;!important;
  transition: transform 0.2s linear 0s, box-shadow 0.2s linear 0s;!important;
}
#content-holder {
position:static;
width:100%!important
}
#section-seo {
    padding: 2% 0;
    background: white;
}
.seo-bg {
    background-blend-mode: multiply;
    background-color: #888 !important;
}
.btn {
border-radius:0;
border:none;portfolio_btn
font-size:16px;
font-weight:400;
padding:12px 24px;
line-height:24px
}

.icon-facebook {
color:#fff!important;
font-size:62px
}

.icon-linkedin-sign {
font-size:56px;
color:#fff!important
}
.home-teaser-bg {
  background: rgba(0, 0, 0, 0.5) url("../../images/background_header.png") repeat scroll 0 0!important;
  background-position: center center;
  background-attachment: fixed;
}

.home-teaser-bg {
    
    background-attachment: scroll!important;
}

.social {
margin-bottom:88px;
margin-left:33%;
margin-top:18px
}

.social > li {
background:#00406d none repeat scroll 0 0;
border:3px solid #fff;
border-radius:81px;
float:left;
height:82px;
margin-left:8%;
padding-top:32px;
text-align:center;
width:115px
}

.btn-large {
font-size:21px;
line-height:36px;
padding:12px 24px
}

.btn-primary {
background-color:#cd4436
}

.btn-primary:hover {
background-color:#cf4c3e
}

.btn-info {
background-color:#22c5ac
}

.btn-info:hover {
background-color:#24ceb4
}

<!-- #section-tour {
background-color:#e1e1e1;
color:#fff;
padding-bottom:0
}

-->
#section-tour .menu-head > h2 {
color:#00406D;
margin-top:56px!important
}

#section-tour {
background-color:#afafaf;
background-image:url(../images/design_sprite_frei.png);
background-position:right center;
background-repeat:no-repeat;
color:#fff;
padding-bottom:0
}

#service-page h1 {
color:#4a1919
}

#service-page {
background:rgba(0,0,0,0) url(../images/lab_bg.jpg) repeat scroll 0 0!important
}

#extra-pages {
background:rgba(0,0,0,0) url(../images/bg_light_a.jpg) repeat scroll 0 0!important
}

#extra-pages .menu-head p {
text-align:center!important
}

#section-tour .tour-step-icon {
position:relative;
top:48px;
margin:-48px auto -6px;
width:74px;
height:60px;
text-align:center;
font-size:48px;
font-weight:700;
line-height:48px;
padding-top:12px;
border-radius:72px;
border:solid 12px #ccc;
background:#4a1919;
color:#f7f0df;
z-index:1;
vertical-align:middle
}

#section-tour .tour-step-icon.final {
font-size:40px
}

#section-tour .tour-step-container {
padding-top:50px
}

#section-tour .tour-step-container .icon {
color:#1fb49d;
font-size:140px;
text-align:center;
-moz-transition:color .3s;
-webkit-transition:color .3s;
transition:color .3s
}

#section-tour .tour-step-container .icon:hover {
color:#1ca28e
}

#section-tour .tour-line-half {
background:#ccc;
display:block;
height:12px;
position:relative;
top:0;
width:50%
}

#section-tour .tour-line-full {
background:#ccc;
display:block;
height:12px;
position:relative;
top:0
}

#section-tour .tour-line-vert {
background:#ccc;
display:block;
width:12px;
height:205px
}

#section-tour .last-step {
height:96px;
margin-bottom:96px
}

span.lead {
color:#777;
font-size:21px;
line-height:27px
}

#section-tour .last-step .launch {
background:#00406d none repeat scroll 0 0;
border:2px solid;
border-radius:21px;
color:#fff;
display:block;
font-weight:700;
margin:-23px 0 0;
padding:9px;
text-align:center;
width:20%;
top:-9px
}

#section-tour .media {
margin-top:-82px
}

#section-tour .media:first-child {
margin-top:0
}

#section-tour .media-heading {
margin:0;
color:#4A1919
}

#quote {
background:#cd4436;
padding-bottom:24px
}

#section-portfolio {
background:transparent
}

#section-portfolio .filters {
height:96px;
text-align:center;
margin:0 auto
}

#section-portfolio .filters li {
display:inline-block;
padding:0 24px 24px
}

#section-portfolio .filters li a {
line-height:48px;
color:#fff;
font-size:16px;
font-weight:700;
text-transform:uppercase;
-webkit-transition:color .2s;
-moz-transition:color .2s;
transition:color .2s
}

#section-portfolio .filters li a:hover {
color:#000
}

#section-portfolio .filters li a.selected {
color:#fff
}

#social p {
color:#fff
}

#section-portfolio .portfolio-items .folio-item {
display:inline-block;
margin-bottom:24px;
position:relative;
vertical-align:middle;
overflow:hidden;
background:#000
}

#section-portfolio .portfolio-items .folio-item a {
display:block;
color:#fff;
font-size:0;
text-align:center
}

#section-portfolio .portfolio-items .folio-item .folio-hover {
margin:10px;
background:#4A1919
}

#section-portfolio .portfolio-items .folio-item .folio-desc {
vertical-align:middle;
position:relative;
z-index:2;
display:inline-block;
margin-right:-100%;
font-size:16px;
width:100%;
background-color:#000;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

#section-portfolio .portfolio-items .folio-item .folio-desc p {
font-size:20px;
padding:24px 24px 0;
-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
color:#fff;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
transition:all .2s linear
}

#section-portfolio .portfolio-items .folio-item img {
display:inline-block;
width:100%;
z-index:1;
vertical-align:middle;
margin-bottom:0!important;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

#section-portfolio .portfolio-items .folio-item:hover .folio-desc {
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}

#section-portfolio .portfolio-items .folio-item:hover img {
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-o-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%)
}

#section-portfolio .portfolio-items .folio-item:hover p {
-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1
}

#section-portfolio .fitvids {
margin-bottom:24px
}

.portfolio-items {
margin-left:75px!important;
width:1000px!important
}

.isotope-item {
z-index:2
}

.isotope-hidden.isotope-item {
pointer-events:none;
z-index:1
}

.isotope,.isotope .isotope-item {
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
transition-duration:.8s
}

.isotope {
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
transition-property:height,width
}

.isotope .isotope-item {
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
transition-property:transform,opacity
}

.modal-header {
background-color:#3a5062;
padding:24px
}

.modal-title {
line-height:24px;
padding-bottom:0
}

.modal-body {
color:#3a5062;
padding:24px
}

.modal-body ul {
padding-left:24px
}

.modal-footer {
background-color:#f0f0f0;
padding:24px;
margin-top:0
}

.modal-footer .btn + .btn {
margin-left:12px;
margin-bottom:0
}

.w-icon-link:hover {
color:#fff!important
}

.w-icon:hover a {
color:#fff!important
}

.menu .active,.menu ul li a:hover {
border-top:2px solid #00406d!important
}

#header-top .top-header {
background:rgba(0,0,0,0) none repeat scroll 0 0!important
}

#header-top .top-header.top-header-shrink {
background:#00406d!important
}

.info-container {
background:rgba(0,0,0,0.5)!important
}

.home-inner-wrap h1 span {
background:transparent!important
}

#basics {
background:#fff none repeat scroll 0 0;
padding:30px 0!important
}

#basics .column {
background:#e2dfda none repeat scroll 0 0!important;
border-radius:5px!important
}

#basics .inner-row p {
color:#000!important;
line-height:26px!important;
margin:20px 0
}

#basics .inner-row h4 {
color:#00406D!important;
margin:30px 0 10px
}

.basic_hr {
border:1px solid #000;
margin:0 auto;
width:80%!important
}

#basics .icon-building::before,#basics .icon-desktop::before,#basics .icon-shopping-cart::before {
color:#00406D!important
}

#basics .column:hover {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1)
}

#first_section {
background:#00406d none repeat scroll 0 0
}

.banner,.fix-banner {
background:#000 none repeat scroll 0 0;
height:530px!important;
overflow:hidden;
position:relative;
text-align:center;
width:100%;
z-index:0
}

#first_section .menu-head {
padding:0 0 22px
}

.w-icon-link {
background:#00406d none repeat scroll 0 0
}

.w-icon {
background:#00406d none repeat scroll 0 0
}

.about_first {
margin-bottom:23px
}

.about_sec2 {
background:#fff none repeat scroll 0 0;
margin-bottom:-6%!important
}

.about_color {
color:#fff;
letter-spacing:3px;
margin-top:3.5%
}

.about_color1 {
color:#fff;
margin-top:3.5%
}

.about_color2 {
color:#00406D
}

.about_color3 {
color:#fff;
letter-spacing:2px;
margin-top:3.5%
}

.ab1 {
background:#00406d none repeat scroll 0 0
}

.m-bellows .m-inner-content {
background:none!important
}

.m-header {
background:#00406D!important
}

.m-bellows .m-inner-content a {
color:#00406D!important
}

#about-page h2 {
color:#00406d!important
}

.about_sec3 {
background:#afafaf none repeat scroll 0 0!important;
margin:0!important
}

.inner-bg-heading {
background:#000 none repeat scroll 0 0!important
}

.inner-bg-heading:hover {
background:#00406d none repeat scroll 0 0
}

.folio-desc > p {
font-size:14px!important
}

------------------------------------
#section-portfolio .filters li > a {
color:#fff!important
}

#work-page {
background:#00406d none repeat scroll 0 0;
padding:40px 0 0!important
}

#section-tour .tour-step-icon {
background:#00406d none repeat scroll 0 0!important
}

#section-tour .media-heading {
color:#00406d
}

#ourteem-page {
background:#00406d none repeat scroll 0 0!important
}

#work-page h2 {
color:#fff!important
}

.portfolio_btn a {
color:#00406d!important
}

.portfolio_btn {
background:#e9e9e9!important
}

#section-portfolio .menu-head p {
background:rgba(0,0,0,0) url(../../images/05_title-border-color8png.png) no-repeat scroll center bottom
}

.cont li p {
color:#000!important
}

.four.columns.whyus img {
width:20%!important;
margin-left:calc((100% - 59px) / 2)!important;
margin-top:-21px!important;
height:auto!important
}

.whyus {
height:329px!important
}

#phoneicon {
background:rgba(0,0,0,0) url(../images/phoneicon-5.png) no-repeat scroll center center!important;
height:140px;
width:290px
}

#messageicon {
background:rgba(0,0,0,0) url(../images/phoneicon-4.png) no-repeat scroll center center!important;
height:140px;
width:290px
}

#mailicon {
background:rgba(0,0,0,0) url(../images/phoneicon-3.png) no-repeat scroll center center!important;
height:140px;
width:290px
}

.portfolio_btn a {
color:#fff!important;
font-weight:600!important
}

.portfolio_btn {
background:#000 none repeat scroll 0 0!important;
margin-left:28%!important;
}

#social-new a {
color:#00406d!important
}

#service-page {
background-attachment:scroll!important;
background-clip:border-box!important;
background-color:rgba(0,0,0,0)!important;
background-image:url(../images/slider-main-bg.jpg)!important;
background-origin:padding-box!important;
background-position:0 0!important;
background-repeat:repeat!important;
background-size:cover!important
}

#service-page h1 {
color:#fff
}

#service-page p {
color:#fff
}

.home-solution-bg {
background-image:url(../images/webdesigning.png)!important
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.folio-desc > p {
font-size:12px!important
}

.menuwrapper.clearfix.menupos {
margin-right:10px!important
}

.home-teaser-bg {
 background-attachment: scroll;
 background-position: center center!important;
 background-repeat: no-repeat!important;
}
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {

.home-teaser-bg {
 background-attachment: scroll;
 background-position: center center!important;
 background-repeat: no-repeat!important;
}

.m-content {
margin-top:12px;
width:716px!important
}

.six.columns {
float:left;
margin-left:22%;
width:480px!important
}

.portfolio-items.clearfix.isotope {
margin-left:0!important
}

.col-sm-6 {
margin-left:5%!important;
width:24%
}

#section-portfolio .filters li a {
font-size:13px
}

.one-third.column.inner-row {
width:31%!important
}

.m-content {
margin-top:12px;
width:930px!important
}

.m-bellows .m-inner-content {
width:891px
}

.content-area.video > img {
margin-left:20%
}

#basics .container .one-third.column {
width:30%!important
}

.container {
max-width:none!important
}

.col-md-2.icon {
margin-top:18px
}

.col-md-2.icon.num1 {
margin-left:-67%;
margin-top:-19%
}

.media-body.col-md-8.number1 {
margin-left:28%;
margin-top:-12%
}

.col-md-2.col-md-push-8.icon.num2 {
margin-left:71%!important
}

.media-body.col-md-8.col-md-pull-2.number2 {
margin-left:9%;
margin-right:19%;
margin-top:-12%
}

.col-md-2.icon.final.num3 {
margin-left:-70%!important;
margin-top:-19%
}

.media-body.col-md-8.white.number3 {
margin-top:-13%;
margin-left:27%
}

.col-md-2.col-md-push-8.icon.num4 {
margin-left:67%
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-left:5%;
margin-top:-12%!important;
margin-right:23%!important
}

.col-md-2.icon.final.num5 {
margin-right:68%!important;
margin-top:-18%!important
}

.media-body.col-md-8.number5 {
margin-left:28%!important;
margin-top:-14%
}

#section-tour .tour-line-full {
width:96.8%
}

#section-tour .tour-step-container {
padding-top:7px!important
}

.lead.launch.col-md-5.col-md-push-7 {
margin-left:61%!important
}

.container {
padding-left:0!important;
padding-right:0!important
}

.portfolio-items.clearfix.isotope {
margin-left:0!important;
width:100%!important
}
}

@media only screen and (min-width: 960px) and (max-width:979px) {

.home-teaser-bg {
 background-attachment: scroll;
 background-position: center center!important;
 background-repeat: no-repeat!important;
}

.m-content {
margin-top:12px;
width:716px!important
}

.six.columns {
float:left;
margin-left:22%;
width:480px!important
}

.portfolio-items.clearfix.isotope {
margin-left:0!important
}

.col-sm-6 {
margin-left:5%!important;
width:24%
}

#section-portfolio .filters li a {
font-size:13px
}

.one-third.column.inner-row {
width:31%!important
}

.m-content {
margin-top:12px;
width:930px!important
}

.m-bellows .m-inner-content {
width:891px
}

.content-area.video > img {
margin-left:20%
}

#basics .container .one-third.column {
width:30%!important
}

.container {
max-width:none!important
}

.col-md-2.icon {
margin-top:18px
}

.col-md-2.icon.num1 {
margin-left:-67%;
margin-top:-19%
}

.media-body.col-md-8.number1 {
margin-left:28%;
margin-top:-12%
}

.col-md-2.col-md-push-8.icon.num2 {
margin-left:71%!important
}

.media-body.col-md-8.col-md-pull-2.number2 {
margin-left:9%;
margin-right:19%;
margin-top:-12%
}

.col-md-2.icon.final.num3 {
margin-left:-70%!important;
margin-top:-19%
}

.media-body.col-md-8.white.number3 {
margin-top:-13%;
margin-left:27%
}

.col-md-2.col-md-push-8.icon.num4 {
margin-left:67%
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-left:5%;
margin-top:-12%!important;
margin-right:23%!important
}

.col-md-2.icon.final.num5 {
margin-right:68%!important;
margin-top:-18%!important
}

.media-body.col-md-8.number5 {
margin-left:28%!important;
margin-top:-14%
}

#section-tour .tour-line-full {
width:96.8%
}

#section-tour .tour-step-container {
padding-top:7px!important
}

.lead.launch.col-md-5.col-md-push-7 {
margin-left:61%!important
}

.container {
padding-left:0!important;
padding-right:0!important
}

.portfolio-items.clearfix.isotope {
margin-left:0!important;
width:100%!important
}

.media-list {
  
  padding-left: 4%!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {


#about-page {
background-size:cover!important;
background:#f8f8f8!important;

}

#first_section h2 {
line-height:1.5
}
.home-teaser-bg {
 background-attachment: scroll;
 background-position: center center!important;
 background-repeat: no-repeat!important;
}
#basics .container .one-third.column {
width:220px!important
}

.m-content {
margin-top:12px;
width:716px!important
}

.six.columns {
float:left;
margin-left:22%;
width:480px!important
}

.four.columns.whyus {
background:rgba(242,241,239,0.5) none repeat scroll 0 0;
height:366px;
width:22%!important
}

.portfolio-items.clearfix.isotope {
margin-left:0!important
}

.col-sm-6 {
margin-left:5%!important;
width:24%
}

#section-portfolio .filters li a {
font-size:13px
}

.number1 h3 {
margin-top:50%!important
}

.number2 p {
margin-left:4%!important
}

.col-md-2.icon.num1 {
margin-left:-64%!important;
margin-top:-27%!important
}

.col-md-2.icon.final.num3 {
margin-left:-66%;
margin-top:-29%
}

.number3 p {
color:#000
}

.col-md-2.col-md-push-8.icon.num4 {
margin-left:61%
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-top:-16%;
margin-left:7%
}

.number4 p {
color:#000
}

.col-md-2.icon.final.num5 {
margin-left:-59%;
margin-top:-27%
}

.lead.launch.col-md-5.col-md-push-7 {
margin-left:61%!important
}

.one-third.column.service-grid {
width:30%
}

.sixteen.columns center {
margin:2%
}

.sixteen.columns.center-text p {
margin-right:3%
}

.one-third1.column {
width:27%!important
}

.one-third1.column > p {
margin-left:25%;
width:84%!important
}

.one-third1.column > h2 {
margin-left:45%!important
}

.one-third.column.service-grid {
width:28%!important
}

#first_section h2 {
margin-top:4%
}

.one-third1.column.num2 h2 {
margin-left:15%!important;
width:68%!important
}

.btn.large.ab1.isotope-item {
margin-left:6%!important
}

.sixteen.columns.menu-head {
max-width:95%!important
}

.folio-desc > p {
font-size:12px!important
}

.four.columns.whyus > p {
font-size:15px!important;
line-height:20px
}


#mailicon {
width:256px
}

.portfolio-items {
width:100%!important
}

.container {
padding-left:0!important;
padding-right:0!important
}

.sixteen.columns.about-txt1 > p {
margin-right:3%!important
}

.service-details.animated > p {
font-size:13px!important;
font-weight:700;
line-height:14px
}

.tour-line-half {
display:none!important
}

.tour-line-vert {
height:87px!important;
margin-bottom:20%!important;
margin-left:51%!important;
margin-bottom:23%!important
}

.tour-line-full {
display:none!important
}

.icon-file-text {
margin-left:44%!important
}

.media-body.col-md-8.number1 {
margin-left:2%!important;
margin-top:-45%!important;
text-align:center
}

.tour-step-icon {
margin-top:2%!important
}

.tour-line-vert.pull-right {
margin-right:47%!important
}

.media-body.col-md-8.col-md-pull-2.number2 {
text-align:center
}

.col-md-2.col-md-push-8.icon.num2 {
margin-top:-8%!important;
margin-left:43%!important
}

.media-body.col-md-8.col-md-pull-2.number2 {
margin-left:6%!important
}

.col-md-2.col-md-push-8.icon.num2 {
margin-left:40%!important;
margin-top:6%!important;
position:absolute
}

.media-body.col-md-8.white.number3 {
margin-left:6%;
margin-right:0!important;
text-align:center;
margin-top:0
}

.icon-certificate {
margin-left:43%!important
}

.icon-cogs {
margin-left:-58%!important;
margin-top:15%!important;
position:absolute
}

.media-body.col-md-8.col-md-pull-2.number4 {
text-align:center
}

.icon-check {
margin-left:41%!important
}

.media-body.col-md-8.number5 {
text-align:center
}

.media-body.col-md-8 {
padding:9px
}

.media-heading {
margin:2%!important
}

.media.last-step.col-md-12 {
height:165px!important
}

.menu {
margin-left:-6%!important
}

.home-inner-wrap h1 span {
font-size:36px!important
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.hidde{display:none!important;}

.four.columns.whyus img {
width:12%!important
}

.portfolio-items.clearfix.isotope {
float:left!important;
margin-left:23%!important
}

.tour-step-container {
margin-left:30px
}

p.lead {
line-height:0
}

form {
width:295px
}

button,input,select[multiple],textarea {
width:88%;
margin-left:-5px
}

.btn.block {
display:inline-table;
margin-left:0;
width:51%
}

.portfolio-items {
width:200px!important
}

.ab1 a {
color:#ffffec!important;
font-size:12px;
text-transform:uppercase
}

.col-md-4 {
width:100%!important
}

.navbar-toggle {
display:none
}

.media-desc {
color:#000
}

.inner-main-wrapper1 {
margin-left:17%!important
}

.media-body.col-md-8.number1 {
margin-left:12%!important;
margin-top:-41%!important
}

.media-body.col-md-8.col-md-pull-2.number2 {
margin-top:-35%!important
}

.media-body.col-md-8.white.number3 {
margin-top:-38%!important;
margin-left:14%
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-top:-36%!important
}

.
.media-body.col-md-8.number5 {
margin-top:-38%!important;
margin-left:12%!important
}

.media.last-step.col-md-12 {
height:137px!important
}

.lead.launch.col-md-5.col-md-push-7 {
margin-top:19%!important;
margin-left:29%!important
}

#basics .column {
margin-bottom:5px
}

#about-page {
background-attachment:scroll;
background-clip:border-box;
background-color:rgba(0,0,0,0);
background-origin:padding-box;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover!important;
background:#f8f8f8!important;
}

.media-body.col-md-8.col-md-pull-2.number2 {
margin-top:-1%!important
}

.media-body.col-md-8.white.number3 {
margin-left:10%!important;
margin-top:4%!important
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-top:5%!important
}

.media-body.col-md-8.number1 {
margin-left:12%!important;
margin-top:1%!important
}

#section-tour .tour-step-container {
padding-top:74px
}

.media-body.col-md-8.white.number3 {
margin-left:20%!important;
margin-top:-2%!important
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-right:9%!important;
margin-top:-2%!important
}

.tour-line-half {
display:none!important
}

.tour-line-full {
display:none!important
}

.col-md-2.icon {
margin-top:-42px
}

.tour-line-vert {
height:98px!important;
margin-left:52%
}

.media-body.col-md-8.number1 {
margin-top:5%!important;
text-align:center
}

.media-body.col-md-8.white.number3 {
text-align:center;
margin-left:-1%!important
}

.media-body.col-md-8.number5 {
text-align:center
}

.tour-line-vert.pull-right {
height:98px!important;
margin-right:44%
}

.media-body.col-md-8.col-md-pull-2.number4 {
text-align:center
}

.media-body.col-md-8.col-md-pull-2.number2 {
text-align:center
}

.media.col-md-12 {
margin-bottom:20%!important
}

.menu select {
display:none!important
}

.dw-menu {
display:none!important
}

.media-heading {
margin:5%!important
}

.social {
margin-left:13%!important
}

.service-details.animated {
width:50%!important;
margin:0 auto!important;
font-size:13px!important;
font-weight:700!important
}

.home-inner-wrap h1 span {
font-size:28px!important
}

.about_color {
color:#fff;
font-size:25px;
letter-spacing:3px;
line-height:34px
}

.about_color1 {
color:#fff;
font-size:20px;
letter-spacing:1px;
line-height:1.5;
margin-top:7%
}

.about-txt h1 {
line-height:1.5
}

.about_color3 {
letter-spacing:2px;
font-size:20px;
line-height:1.5
}

#section-tour .last-step .launch {
padding:0;
text-align:center;
top:-14px;
width:54%
}
.portfolio_btn {

margin-left:0%!important;
}

}

@media only screen and (min-width: 100px) and (max-width: 479px) {

.hidde{display:none!important;}

.tour-step-container {
margin-left:30px
}

p.lead {
line-height:0
}

form {
width:295px
}

button,input,select[multiple],textarea {
width:88%;
margin-left:-5px
}

.btn.block {
display:inline-table;
margin-left:0;
width:51%
}

.portfolio-items {
width:200px!important
}

.ab1 a {
color:#ffffec!important;
font-size:12px;
text-transform:uppercase
}

.col-md-4 {
width:100%!important
}

.navbar-toggle {
display:none
}

.portfolio-items.clearfix.isotope {
margin-left:40px
}

.media-desc {
color:#000
}

.social {
margin-left:8%!important
}

.social > li {
margin-left:5%!important
}

#contact-page > section {
padding:0!important
}

.media-desc {
color:#000!important
}

.media-body.col-md-8.col-md-pull-2.number2 {
margin-top:-63%!important
}

.col-md-2.col-md-push-8.icon.num2 {
margin-top:0!important
}

.media.col-md-12 {
margin-top:-42px!important
}

.media-body.col-md-8.white.number3 {
margin-left:10%!important;
margin-top:-54%!important
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-top:-49%!important
}

.lead.launch.col-md-5.col-md-push-7 {
margin-left:19%!important;
margin-top:26%!important
}

.number4 h3 {
color:#00406d!important
}

.number3 h3 {
color:#00406d!important
}

.number3 p {
color:#000!important
}

.number4 p {
color:#000!important
}

.media.last-step.col-md-12 {
height:148px!important
}

.lead.launch.col-md-5.col-md-push-7 {
margin-left:19%!important;
margin-top:27%!important
}

#section-tour .media:first-child {
margin-top:0!important
}

#basics .column {
margin-bottom:5px
}

.menu-head p {
padding:0 16px 32px!important
}

.container {
width:310px!important;
padding-left:0!important;
padding-right:0!important
}

#about-page {
background-attachment:scroll;
background-clip:border-box;
background-color:rgba(0,0,0,0);
background-origin:padding-box;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover!important;
background:#f8f8f8!important;
}


.media-body.col-md-8.col-md-pull-2.number2 {
margin-top:-1%!important
}

.media-body.col-md-8.white.number3 {
margin-left:10%!important;
margin-top:4%!important
}

.media-body.col-md-8.col-md-pull-2.number4 {
margin-top:5%!important
}

.tour-line-half {
display:none!important
}

.tour-line-full {
display:none!important
}

.col-md-2.icon {
margin-top:-42px
}

.tour-line-vert {
height:98px!important;
margin-left:52%
}

.media-body.col-md-8.number1 {
margin-top:5%!important;
text-align:center
}

.media-body.col-md-8.number5 {
text-align:center
}

.tour-line-vert.pull-right {
height:98px!important;
margin-right:42%
}

.media-body.col-md-8.col-md-pull-2.number4 {
text-align:center
}

.media-body.col-md-8.col-md-pull-2.number2 {
text-align:center
}

.media.col-md-12 {
margin-bottom:13%!important
}

.media-body.col-md-8.white.number3 {
text-align:center;
margin-left:-1%!important
}

.menu select {
display:none!important
}

.dw-menu {
display:none!important
}

.media-heading {
margin:5%!important
}

.about_color {
color:#fff;
font-size:18px;
letter-spacing:3px;
line-height:1.5
}

.about_color1 {
font-size:20px;
letter-spacing:1px;
line-height:1.5;
margin-top:10%
}

.about-txt h1 {
line-height:1.5
}

.about_color3 {
letter-spacing:2px;
font-size:20px;
line-height:1.5
}

.home-teaser-bg {
background-attachment:scroll!important
}

#section-tour .last-step .launch {
padding:7px;
text-align:center;
top:-14px;
width:70%
}

.portfolio_btn {

margin-left:0%!important;
}

#extra-pages p {
    padding: 6px!important;
}

}

#about-page {
background:rgba(0,0,0,0) url(../images/aboutbacks.jpg) no-repeat scroll 0 0;
background-size:cover!important;
padding:19px 0px!important;
border-bottom:7px solid #00406D;
}

.work-text_about {
    margin: 0 0 14px;
    padding: 0 10%;
}

.content-area.video {
transform:rotate(-3deg);
box-shadow:0 20px 30px -5px rgba(0,0,0,0.32);
padding:10px;
background:#fff
}

.content-area.video1 {
margin-top:10%;
padding:10px
}

.about_sec3 {
background:#e9e9e9 none repeat scroll 0 0!important
}

.four.columns.whyus:hover {
box-shadow:0 17px 25px rgba(255,255,255,0.13);
-moz-transform:translateY(-4px)!important;
-webkit-transform:translateY(-4px)!important;
-o-transform:translateY(-4px)!important;
transform:translateY(-4px)!important
}

.footer {
background:rgba(0,0,0,0) url(../images/metal-wallpaper-1.jpg)!important;
padding:9px 0;
text-align:center;
width:100%;
background-size:cover!important
}

#ourteem-page > section {
background-image:none!important
}

#social-new h2 {
color:#fff!important
}

#social-new {
background:rgba(0,0,0,0) url(../images/pp1.jpg) repeat fixed 0 0!important;
padding:20px 0!important;
background-size:cover!important
}

.social > li {
background:#00406D none repeat scroll 0 0
}

.menu-head p {
background:rgba(0,0,0,0) none repeat scroll 0 0!important
}

<!-------slider2>
section {
padding-top:100px;
padding-bottom:100px
}

.quote {
color:#00406d;
text-align:center;
margin-bottom:30px
}

#fade-quote-carousel.carousel {
padding-bottom:60px
}

#fade-quote-carousel.carousel .carousel-inner .item {
opacity:0;
-webkit-transition-property:opacity;
-ms-transition-property:opacity;
transition-property:opacity
}

#fade-quote-carousel.carousel .carousel-inner .active {
opacity:1;
-webkit-transition-property:opacity;
-ms-transition-property:opacity;
transition-property:opacity
}

#fade-quote-carousel.carousel .carousel-indicators {
bottom:10px
}

#fade-quote-carousel.carousel .carousel-indicators > li {
background-color:#00406d;
border:none
}

#fade-quote-carousel blockquote {
text-align:center;
border:none
}

#fade-quote-carousel .profile-circle {
width:100px;
height:100px;
margin:0 auto;
border-radius:100px
}

blockquote,blockquote p {
color:#000!important;
font-style:italic;
line-height:24px;
margin-bottom:0
}

#blog-page h2 {
color:#00406d
}

.callus1 {
color:#00406d;
font-size:20px
}

.support1 {
color:#00406d;
font-size:20px
}

#foot-above h1 {
border-bottom:1px solid;
color:#00406d;
font-size:18px;
padding-bottom:11px!important;
text-align:left!important
}

.container .one-third1.column {
margin-left:23px!important
}

.service-grid .service-icon {
background:#00406d none repeat scroll 0 0!important;
border:2px solid #fff!important;
border-radius:80px!important;
height:74px!important;
padding:8%!important;
width:77px!important
}

.icon-th-list::before {
font-size:57px!important
}

.service-details a {
color:#00406d!important;
font-weight:700
}

#foot-above a {
color:#000!important
}

.home-web-design-bg {
background-image:url(../images/Web-Design-and-Development-Services.jpg)!important
}

.about-txt h1 {
color:#00406d!important;
font-size:20px
}

.home-web-design-bg .info-container {
background:rgba(0,0,0,0.6) none repeat scroll 0 0!important
}

.home-web-develop-bg {
background-image:url(../images/web-development-company1.jpg)!important
}

.str strong {
color:#00406d
}

.str b {
color:#00406d
}

.home-ecommerce-bg {
background-image:url(../images/banner-enuke-e-commerce.jpg)!important
}

.home-aboutus-bg {
background-image:url(../images/our-website-designing1.png)!important
}

.work-page1 {
background:rgba(0,0,0,0) url(../images/bg_light_a.jpg) repeat scroll 0 0!important;
padding:0!important
}

.work-page1 li a {
color:#00406d!important
}

.home-aboutus-bg .info-container {
background:rgba(0,82,108,0.5) none repeat scroll 0 0!important
}

#social-new p {
margin-bottom:25px!important
}

.icon-linkedin-sign:hover {
text-decoration:none!important
}

.icon-facebook:hover {
text-decoration:none!important
}

.m-bellows .m-inner-content {
text-align:left!important
}

.solution_h4 {
color:#00406d;
letter-spacing:1px
}

.str #work-page {
background:#00406d none repeat scroll 0 0;
padding:0!important
}

.home-web-domain-bg {
background-image:url(../images/domain(1).jpg)!important
}

.home-logo-bg {
background-image:url(../images/logo-designing-service.jpg)
}

.home-mobile-bg {
background-image:url(../images/responsive-web-design-service.jpg)
}
.home-mobileapp-bg {background-image:url(../images/mobile.jpg)}

.seo-bg{background-image:url(../images/banner-seo1.png)}

.customize-bg{background-image:url(../images/customized.jpg)}


.domain-bg{background-image:url(../images/domain.png)}