#flexiselDemo1,#flexiselDemo2,#flexiselDemo3{display:none}.nbs-flexisel-container{position:relative;max-width:100%;padding-bottom:25px}.nbs-flexisel-container:after{position:absolute;content:'';width:100%;height:2px;bottom:0;left:0}.nbs-flexisel-ul{position:relative;width:9999px;margin:0;padding:0;list-style-type:none;text-align:center}.nbs-flexisel-inner{overflow:hidden;width:100%;margin:0 auto}.nbs-flexisel-item{float:left;margin:0;padding:0;position:relative;line-height:0}.nbs-flexisel-item img{width:100%;position:relative;margin-top:10px;margin-bottom:10px;padding:0 10px}.nbs-flexisel-item:after{position:absolute;content:'';width:100%;height:8px;left:0;bottom:-2px;z-index:999}.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:23px;height:23px;position:absolute;cursor:pointer;z-index:100;top:auto!important;bottom:-10px!important;border-radius:35px;box-shadow:0 0 3px 1px #CCC;-ms-box-shadow:0 0 3px 1px #CCC;-o-box-shadow:0 0 3px 1px #CCC;-moz-box-shadow:0 0 3px 1px #CCC;-webkit-box-shadow:0 0 3px 1px #CCC;display:none}.nbs-flexisel-nav-left{left:35%;background:url(images/crausol-nav.png) left top no-repeat}.nbs-flexisel-nav-right{right:35%;background:url(images/crausol-nav.png) right top no-repeat}/*.nbs-flexisel-nav-left:hover,.nbs-flexisel-nav-right:hover{background-position-y:bottom}*/
@media only screen and ( max-width: 1050px ) { 
.wrapper,.slidetxt{width:98%;}
#wowslider-container1 > .ws-title > div{width:100%;}
}

@media only screen and ( max-width: 1020px ) { 
}

@media only screen and ( max-width: 980px ) {
#copyright .social{width:41%;}
}
@media only screen and ( max-width: 940px ) {
#navigation ul li a{padding:0 16px;}
.contanctinfo{width:100%;}
#header .readmore{margin-left:13%;}
}



@media only screen and ( max-width: 800px ) {
.content .leftContent,.content .rightContent{width:100%; margin-right:0; margin-bottom:25px;}
.welcomeContent .leftContent,.welcomeContent .rightContent{ width:50%;}
#copyright .social{width:33%;}
.contanctinfo{font-size:20px;}
#header .readmore{margin-left:4%;}
.Geologists .title{padding-top:18%;}
.Geologists {background-position:50%; min-height:185px;}
}

@media only screen and (max-width: 720px ) { 
.slidetxt h2{ font-size:25px; padding-top:10px;}
#footer .ftrsec .ftrbox{width:45%; float:left; margin-right:5%; }
.ftrnav li{width:50%; float:left;}
#footer .ftrsec .ftrbox:last-child{ width:80%; float:none; margin:auto;}
#copyright .lft,#copyright .social,#copyright .rgt{width:100%; text-align:center; margin-bottom:15px;}
#copyright{padding:0;}
#header .logo{width:100%; text-align:center; margin-bottom:10px;}
#header .readmore{margin-left:5px;}
}

@media only screen and (max-width: 640px) {

.slidetxt{padding:5px 0;}
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev,#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:none;}
.slidetxt h2{ font-size:15px; padding-top:20px;}
.slidetxt a.readmore{line-height:30px; padding:0 33px 0 15px}
.slidetxt a.readmore:after{top:5px;}
.welcomeContent .leftContent, .welcomeContent .rightContent{width:100%;}
.rightContent img.rgt{float:none;  }
.rightContent figure{width:100%; text-align:center;}
.innercontent .col2 li figure{width:100%; text-align:center;}
.innercontent .col2 li figure img{float:none;}
.innercontent .col2 li figure span{padding-bottom:5px;}
.quickcon{width:100%; margin:15px 0;}
}

@media only screen and ( max-width: 480px ){
/*.ourser li,.ourser li:last-child{width:75%; float:none; margin:auto; margin-bottom:25px; display:table }*/
#footer .ftrsec .ftrbox{float:none; margin:auto; width:80%; display:table; margin-bottom:25px;}
.contanctinfo{font-size:14px;}
.slider .title{font-size:35px; padding-top:50px;}
.banner{height:150px;}
.innercontent .col2 li{ float: none;
    margin: 0 auto!important; 
    width: 90%;}
}

@media only screen and ( max-width: 420px ){
.mobile-menu{background-position:left; padding-left:40px;}
.slidetxt {text-align:center;}
.slidetxt h2 {padding: 0; text-align: center;width: 100%; font-size:12px;}
.slidetxt a.readmore{display:inline-block; float:none; margin-top:3px;}
#header{text-align:center;}
#header .callnow{width:100%; text-align:center; margin:10px 0}
#header .readmore{float:none; display:inline-block;}
}

@media only screen and ( max-width: 360px){
}
@media only screen and ( max-width: 320px){


}



