/* CSS Document */

/** all mobile width style settings **/

@media only screen and (min-width: 0px) and (max-width: 1070px) {


	.footer {
		text-align: center;
	}
	
	.footer .footer-top p {width:90%; margin:0 auto; padding-bottom:15px;}
	
	.footer .footer-top .contact-btn {margin-top:10px;}


	.footer .footer-top .contact-btn {
	  display: block !important;
	  bottom: 0px;
	  position: relative;
	  width: 60%;
	  margin: 0 auto;
	}
	
	
	 #contact-btn {
        position:fixed;
        display:block;
        background:#2E7D32;
        width:58px; height:58px;
        border-radius:30px;
        border:#2E7D32 2px solid;
        top:auto; bottom:13px; right:13px;
        color:#fff;
        padding:0; margin:0;
    }
    
     #contact-btn i {margin:14px auto 0; display:block; text-align:center; text-decoration:none;}
     #contact-btn a {width:100%;  display:block;  color:#fff; font-size:28px;  padding:0; margin:0; background:none; height:auto; left:0; top:0; text-decoration:none;}
     #contact-btn a span {display:none;}
     
     #contact-btn:hover {
     	background:#fff;
     	color:#2E7D32 
     }
     #contact-btn:hover a {
     	color:#2E7D32 ;
     }
     
	
}

@media only screen and (min-width: 1014px) {
	.parallax-header-mobile {
		display: none;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1014px) {
    body {
        min-width: 0px;
        width: 100% !important;
    }

    #wrapper {
        width: 100% !important;
    }
    
    #wrap-04 {background:#fff;}

    .primary-nav {
        padding: 35px 0 0 0;
        width: 550px;
    }

    .primary-nav li, .primary-nav ul a {
        font-size: 17px;
    }
    


    .section .cont {
        width: 98%;
        margin: 0 auto;
    }
    
    .section img {max-width:100%; height:auto;}

    #popoutNav {
        display: none !important;
    }

    #head-search {
        width: 130px;
    }

    .newsandboxes .col.first {
        float: none;
        width: 100%;
        padding: 0 0 10px;
    }

    .newsandboxes .box-310 {
        width: 100%;
        margin: 0 auto;
    }

    .newsandboxes .box-310 .top, .newsandboxes .box-310 .btm {
        display: none;
    }

    .newsandboxes .box-310 .mid {
        background: #eeeeee;
       
    }

    .home-news-feed .in {
        height: 200px;
        overflow: hidden !important;
    }

    .home-news-feed h2 {
        background: none;
        border: #4d4d4d 0px solid;
        border-width: 0 0 1px;
    }

    .home-news-feed .news-item {
        background: none;
        border: #bdbdbd 0px solid;
        border-width: 0 0 1px;
    }

    .home-news-feed .overlay {
        display: none;
    }



    .section .watermark div {
        top: -89px
    }

    .section.statement .top, .section.statement .btm {
        display: none;
    }

    .section.statement .mid {
		padding:30px 20px;
        background: #eeeeee;
    }
    .section .watermark {display:none;}

    .section.thirds.newsandboxes {
    	padding:20px 0 0 0;
        text-align: center; 
    }
    
    .section.thirds .box-310 .mid.home-news-feed {padding:40px 0 20px;}
    
    .section.thirds .col.slideboxcol {vertical-align: top;}
    
     .slidebox {overflow:visible; height:auto;}
    .slidebox .sbc {overflow:visible; height:auto !important;}
	.slidebox .sbc .text {top:0px !important; position:relative; color:#292929;background:none; text-shadow:none; font-size:14px; line-height:24px;}
	.slidebox .sbc .text a { color:#292929; text-shadow:none; font-size:16px; line-height:24px;}
	.slidebox .sbc .text a span { color:#292929; text-shadow:none; font-size:14px; line-height:24px;}

    .section.thirds .col.slideboxcol {
        display: inline-block;
        margin: 0 80px 0 0;
        float: none;
        padding: 10px 0 0 0;
    }

    .section.thirds .col.slideboxcol.last {
        margin: 0 0 0 0;
    }

    .slidebox .sbc .text span.info {
        display: none !important;
    }
    
    .section.equal-two-col .left, .section.equal-two-col .right {width:95%; float:none; margin:0 auto;}

    .section.twocol .cont {
        width: 98%;
    }

    .section.twocol .left {
        width: 70%;
    }

    .section.twocol .right {
        width: 28%;
    }

    .section.twocol.reverse .left {
        width: 28%;
    }

    .section.twocol.reverse .right {
        width: 70%;
    }

    .section.twocol .right .fright {
        width: 100%;
    }

    .section.twocol h1 {
        font-size: 22px;
    }

    .section.twocol .box-655, .section.twocol .s655, .section.twocol .box-310, .section.twocol .box-270, .section.twocol .box-700 {
        width: 100%;
    }
    
    .section.twocol .box-700.post {
    	
    	border:#afafaf 0px solid;
    	border-width: 0 0 0px 0;
    	margin-bottom:90px;
    	padding-bottom:30px;
    	
    }
    
    .section.twocol .box-700.post img {
    	border:#afafaf 1px solid;
    }

    .section.twocol.reverse .right.s655 {
        width: 70%;
    }

    .section.twocol.reverse .left.s310 {
        width: 28%;
    }

    .section.twocol .box-655 .top, .section.twocol .box-655 .btm, .section.twocol .box-310 .top, .section.twocol .box-310 .btm, .box-270 .top, .box-270 .btm, .box-700 .btm {
        display: none;
    }

    .section.twocol .box-310 .mid, .section.twocol .box-655 .mid, .box-700 .mid, .box-270 .mid {
        background: #fff;
        border: #d2d2d2 0px solid;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        line-height: 24px;
    }

    .section.twocol .box-310 .mid {
        width: auto !important;
    }

    .section.twocol .box-655.buttons .flame {
        display: none;
    }

    /** #always-in-floater {width:100%;} **/
    .section.twocol .box-655 img {
        width: 98%;
        margin: 0 auto;
        display: block;
    }

    .box-655 .imgcont .frame {
        display: none;
    }

    .box-655 .imgcont img {
        border: #000 0px solid;
        border-radius: 5px 5px 0 0;
        width: 100% !important;
    }

    .box-655.topimage.listitem .mid {
        border-radius: 0 0 5px 5px;
    }

    .box-655.listitem .btn {
        margin-top: -50px;
    }

    .box-700 .mid {
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
    }

    .box-700 .top {
        height: 5px;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }

    .box-700.breadcrumb .top {
        display: none;
    }

    .box-700.breadcrumb .mid {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .box-700 .imgcont {
        height: auto;
    }

    .box-700 .imgcont .frame {
        display: none;
    }

    .box-700 .imgcont {
    }

    .box-700 .imgcont img {
        width: 100%;
        position: relative;
        border-radius: 5px 5px 0px 0px
    }

    .box-700 .imgcont .title h1 {
        text-shadow: #000 0px 0px 10px !important;
    }

    .box-1000 .cont {
        width: 98%;
        margin: 0 auto;
    }

    .box-1000 .top {
        display: none;
    }

    .box-1000 .btm {
        display: none;
    }

    .box-1000 .mid {
        background: #e2e2e2;
        border: #d2d2d2 1px solid;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 12px;
    }

    .box-1000 .portfolio-img {
        height: auto;
        text-align: center;
    }

    .box-1000 .portfolio-img .frame {
        display: none;
    }

    .box-1000 .portfolio-img img {
        width: 100%;
    }

    .box-1000 .portfolio-img .btn {
        position: relative;
        top: 0;
        left: 0;
        margin: 5px 10px 5px 0;
    }

    .post .top {
        display: none;
    }

    .post .mid {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .box-655 .mid img, .box-700 .mid img, .post .mid img {
        width: 98%;
        height: auto;
        margin: 0 auto;
    }

    .post .article-list-img .frame {
        display: none;
    }

    .post .article-list-img img {
        width: 100%;
    }

    .section.halves .col {
        width: 48%;
    }

    .services-item {
        border-radius: 5px;
        width: 100%;
    }

    .services-item a.frame {
        display: none;
    }

    .services-item img {
        width: 100%;
    }

    .services-item .button {
        display: none;
    }

    .services-item .text h3 {
        padding: 10px;
    }

    .services-item .text p {
        display: none;
    }

    #contactgmap {
        height: 250px;
    }

    .nlsignupbox {
        display: none;
    }

    #footspacer {
        height: 50px;
    }

    .wpd-cont {
    }

    .wpd-cont h1 {
        text-align: center;
    }

    .wpd-cont img {
        display: none !important;
    }

    .wpd-cont .wpd-formcont {
        width: 100%;
        float: none;
        margin: 0;
    }

    .wpd-cont .wpd-formcont input {
        width: 75%;
        padding: 8px;
        margin: 0 auto;
        display: block;
    }

    .wpd-cont .wpd-formcont p {
        margin: 0 !important;
        padding: 0 0 10px !important;
    }

    .wpd-cont .wpd-formcont .btn {
        margin: 0 auto;
    }

    .wpd-cont .wpd-formcont .btncontainer {
        text-align: center;
    }

    .wpd-cont .wpd-formcont .btn span {
        width: auto !important;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }

    .wpd-cont ul {
        padding: 0 10px 0 30px !important;
    }

    .wpd-cont .after-download h1 {
        margin-left: 0px;
        padding-left: 10px;
    }

    .wpd-cont .after-download p {
        padding: 10px 10px 20px;
    }

    #foot {
        margin: 0;
        height: auto !important;
    }

    #foot .cont {
        height: auto !important;
    }

    #foot .cont {
        width: 98%;
        margin: 0 auto;
    }

    #foot .social {
        background: #e2e2e2;
        height: auto;
        border: #b5b5b5 0px solid;
        border-width: 1px 0;
        font-size: 0;
        text-align: center;
    }

    #foot .social .scont {
        width: 97%;
        margin: 0 auto;
    }

    #foot .social a {
        width: 245px;
        height: 53px;
        display: inline-block;
        background: url(../img/foot-social-icons-small.png) top left no-repeat;
        float: none;
        background-position: 10px 10px;
    }

    #foot .social a.facebook {
        background-position: 15px 10px;
    }

    #foot .social a.facebook:hover {
        background-position: 15px -51px;
    }

    #foot .social a.twitter {
        background-position: -230px 15px;
    }

    #foot .social a.twitter:hover {
        background-position: -230px -46px;
    }

    #foot .social a.linkedin {
        background-position: -494px 15px;
        width: 225px;
    }

    #foot .social a.linkedin:hover {
        background-position: -494px -46px;
    }

    #foot .social span.hsep {
        height: 53px;
        width: 2px;
        display: inline-block;
        float: none;
        background: url(../img/social-sep.jpg);
    }

    #foot-search {
        width: 160px;
    }

    .foot-nav {
        width: 100%;
        float: none;
        text-align: center;
        padding: 40px 0 0;
    }

    .foot-nav .secondary {
        width: 100%;
        float: none;
        text-align: center;
    }

    .foot-logo {
        width: 100%;
        float: none;
        text-align: center;
        padding: 40px 0 10px 0;
    }

    .foot-logo img {
        max-width: 300px;
        width: 80%;
        margin: 0 auto;
    }

    .foot-btm {
        position: relative;
        top: 0;
        padding: 0 0 5px;
    }

    .parallax-header {
    	display: none;
    }
    
    
    
    .section.three-colmn .service-item {overflow:visible; height:auto; background:none; border:0px none;}
    .section.three-colmn .service-item .item-img img {border-radius:4px;}
    .section.three-colmn .service-item .item-body .text {color:#292929; background:none;}
    .section.three-colmn .service-item .item-body .text a, .section.three-colmn .service-item .item-body .text a h3, .section.three-colmn .service-item .item-body .text p.hidden-text
     	{color:#292929; text-shadow:none;}

    .section.three-colmn .service-item .item-body {position:relative;}
    .section.three-colmn .service-item .item-body .text p.hidden-text{
    	display:block !important; min-height:130px;
    	font-size:14px; line-height:24px;
    }
    
    .section.three-colmn-item .item-details.text-left .details-text, .section.three-colmn-item .item-details.text-right .details-text {
        width: auto;
        margin-right: 0px;
        margin-left: 0px;
        float:none;
    }
    
    .section.three-colmn-item .item-details.text-left .details-img {
    	position:relative; height:auto !important; padding-left:20px; padding-top:50px;
    }
    
    .section.three-colmn-item .item-details.text-right .details-img {
    	position:relative; height:auto !important; padding-right:20px; padding-top:50px; 
    }
    
	.onbg {width:98%;}
	
	
	.wpdownload {width:100%; padding:0;}
	.wpdownload .p-left {width:98%; margin:0 auto; float:none; text-align:center;}
	.wpdownload .p-left h1 {font-size:24px;}
	.wpdownload .p-left h2 {font-size:20px; padding-bottom:15px;}
	.wpdownload .p-right {width:98%; margin:0 auto; float:none;}
	.wpdownload .p-right img {width:48%;}
	.wpdownload ul {display:none;}

}


@media only screen and (min-width: 620px) and (max-width: 950px) {
	.home-v3 .case-studies .item {
	  width: 200px;
	  height: 200px;
	}
	.home-v3 .case-studies .item .hidden-content {
		top: 200px;
	}
	.home-v3 .case-studies .item .hidden-content h4 {
  		font-size: 28px;
	}
	.home-v3 .case-studies .item .hidden-content a.go-link {
		font-size 16px;
	}
	.home-v3 .case-studies .item .hidden-content a.go-link i {
		font-size: 17px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 950px) {
    .btn span, .section.three-colmn-item .btn {
        font-size: 11px !important;
        font-weight: normal;
    }
    .section.three-colmn .service-item .item-body .text p.hidden-text{
    	min-height:150px;

    }
    
    .section.three-colmn-item .item-head h1 {
    	width:70%;
    }


}

@media only screen and (min-width: 0px) and (max-width: 980px) {
	.home-v3 a.go-link, .home-v3 a.go-link i {
		font-size: 28px;
	}
	
	
	
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
	
	
	
	.section.paper-downloader .left-container {width:95%; float:none; margin:0 auto;}
	.section.paper-downloader .right-container {width:25%; float:right;}
	.section.paper-downloader .paper-description { width:95%;  margin:0 auto;}
}

@media only screen and (min-width: 800px) and (max-width: 1014px) {

    #head {
        width: 95%;
        margin: 0 auto;
    }

    #head .logo {
        width: 260px;
    }

    #head .logo img {
        width: 250px;
        height:auto;
    }

    .box-270 .csimage {
        width: 90%;
        margin: 0 auto 10px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 870px) {
    .screen1000 {
        display: none;
    }

    .mob800 {
        display: block;
    }

    #head, .head-spacing {
        display: none;
    }

    #mobhead {
        display: block;
        margin: 0 0 0px;
        border:0px none;
    }

    /**
            #head {width:95%; margin:0 auto; float:none;}
                #head .logo {text-align:center; float:none; width:100%;}
            #head .logo img {max-width:300px; width:80%;} **/
    .top-nav {
        display: none;
    }

    .primary-nav {
        float: none;
        width: 100%;
        padding: 5px 0 0 0;
    }

    .primary-nav ul {
        text-align: center;
    }

    .primary-nav ul li ul {
        text-align: left;
    }

    .section.statement .btn {
        float: none;
        text-align: center;
    }

    .section.statement .btn span {
        display: block;
    }

    .section.thirds .col.slideboxcol {
        display: inline-block;
        margin: 0 20px 0 0;
        float: none;
        padding: 10px 0 0 0;
    }

    .section.twocol .left {
        width: 100%;
        float: none
    }

    .section.twocol .right {
        width: 100%;
        float: none;
    }

    .section.twocol.reverse .left {
        width: 100%;
        float: none
    }

    .section.twocol.reverse .right {
        width: 100%;
        float: none;
    }

    .section.twocol.reverse .right.s655 {
        width: 100%;
        float: none;
    }

    .section.twocol.reverse .left.s310 {
        width: 100%;
        float: none;
    }

    #contactgmap {
        height: 150px;
    }

    #foot .social span.hsep {
        display: none;
    }

    .home-news-feed h2 {
        font-size: 18px;
    }

    .home-news-feed .news-item h3 {
        font-size: 16px;
    }

    .home-news-feed .news-item {
        font-size: 14px;
    }

    .foot-nav .primary li, .foot-nav .primary a, .foot-nav .primary ul a {
        font-size: 16px;
    }

    .foot-nav .secondary ul a, .foot-nav .secondary li, .foot-nav .secondary a {
        font-size: 12px;
    }

    .foot-btm .left, .foot-btm .right {
        float: none;
        padding: 5px 0 0;
        text-align: center;
        width: 98%;
        margin: 0 auto;
    }

    .section.three-colmn-item .left-container, .section.three-colmn-item .right-container {
        width: 100%;
    }

    .section.three-colmn-item .right-tab img {
        height: auto;
    }
    
    .section.three-colmn .service-item .item-body .text p.hidden-text{
    	min-height:180px;
    }

	.footer .footer-top {
		padding-left: 20px;
  		padding-right: 20px;
		padding-bottom: 60px;
	}

	.footer .footer-top p {
  		width: 100%;
	}

	.footer .footer-top .contact-btn {
		display: block !important;
		bottom: -10px
	}

	.footer .footer-middle {
		padding-left: 20px;
  		padding-right: 20px;
  		background-color: #800905;
  		background-image: none;
	}

	.footer .footer-middle ul {
		width: 100%;
  		margin-bottom: 10px;
	}

	.footer .footer-bottom {
		padding-left: 20px;
  		padding-right: 20px;
	}

	.footer .footer-bottom ul {
		width: 100%;
  		margin-top: 10px;
	}

  .home-v3 .parallax-header-v2 .left-side, .home-v3 .parallax-header-v2 .right-side {
	  width: 100%;
	  float: left;
	  min-height: 170px;
  }

    .home-v3 .parallax-header-v2 .left-side{
        display:none;
    }

  .home-v3 .parallax-header-v2 .right-side {
	text-align: center;
  }

  .home-v3 .parallax-header-v2 {
	width: 100%;
	padding: 30px 3%;
	text-align: center;
	min-height: 420px;
  }

  .home-v3 .parallax-header-v2 .left-side img {
  	position: relative;
	left: inherit;
	max-width: 60%;
  	top: 35px;
	height: auto;
  }

    .home-v3 .parallax-header-v2 h1 {
        margin-top:0px;
        margin-bottom:0;
        font-size:50px;
    }



  .home-v3 .parallax-header-v2 h3 {
	margin-top: 0;
  	margin-bottom: 0;
	font-size: 40px;
  	line-height: 44px;
  }

  .home-v3 .parallax-header-v2 h3 span {
	font-size: 34px;
  }

  .home-v3 .parallax-header-v2 .contact-btn {
	position: relative;
  	bottom: -12px;
  }

  .home-v3 .parallax-header-v2 .details {
	font-size: 22px;
  	line-height: 26px;
  }

  .home-v3 .big-text {
	padding-top: 20px;
	padding-bottom: 30px;
  }

  .home-v3 .big-text .title {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 15px;
  }

  .home-v3 .big-text .details {
	font-size: 24px;
	margin-bottom: 5px;
  }

  .home-v3 a.go-link {
	font-size: 24px;
  }

  .home-v3 a.go-link i {
  	font-size: 25px;
  }

  .home-v3 .latest-blog .item {
	width: 96%;
  }

  .home-v3 .capabilites {
	padding: 30px 12px;
  }

  .home-v3 .capabilites .items-container, .home-v3 .capabilites .side-image {
	width: 96%;
	padding: 0 2%;
	text-align: center;
  }

  .home-v3 .capabilites .side-image img {
	float: none;
  }

  .home-v3 .capabilites .item {
	margin-bottom: 20px;
  }
  
  .home-v3 .latest-blog {
	margin: 20px 20px;
  }

  .home-v3 .case-studies {
	padding-top: 20px;
	padding-bottom: 15px;
  }

  .home-v3 .case-studies h3 {
	font-size: 32px;
  }
}

/** Smaller mobile screens **/

@media screen and (min-width: 0px) and (max-width: 690px), all and (min-width: 0px) and (max-width: 690px) {
    .section.thirds .col.slideboxcol {
        margin: 0;
    }

    .col.slideboxcol {
        width: 100% !important;
    }

    .slidebox {
        width: 90%;
        height:auto;
        padding:0 0 20px;
        margin: 0 auto;
    }

    .slidebox .sbc {
        border-radius: 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        width: 100%;
        height:auto !important;
    }
    
    .slidebox .sbc img {border:#b2b2b2 1px solid; border-radius:4px;}

    .slidebox a.frame {
        display: none;
    }

    .slidebox .sbc .text a span {
      
    }

    .hnav ul {
        text-align: center;
    }

    .hnav ul li a {
        margin-bottom: 10px;
    }

    .hnav ul li a span.arrow {
        display: none;
    }

    .section.statement {
    	display:none;
    }

    /**** Three Colmn Grid ****/
    .section.three-colmn .service-item {
        width: 49%;
        margin-right: 0px;
    }

    .section.three-colmn .service-item:nth-child(2n + 1) {
   		 margin-right: 1%;
	}
    .section.three-colmn-item .download-form-container form#download-form {
        width: 80%;
    }
    
    .section.three-colmn .service-item .item-body .text p.hidden-text{
    	min-height:120px;
    }
    

	 .section.three-colmn-item .item-head h1 {
    	width:60%;
    }
    .endvideocta img {width:100%;}
    
}

@media screen and (min-width: 510px) and (max-width: 690px), all and (min-width: 510px) and (max-width: 690px) {
    .slidebox {
        width: 47.5%;
        margin: 0 5px;
        padding-bottom:20px;
        float: left;
    }
    .section.thirds .col.slideboxcol.last {padding-bottom:20px;}

    .slidebox .sbc .text {
        font-size: 16px;
        height: auto;
        line-height:24px;
    }
}

@media screen and (min-width: 0px) and (max-width: 700px), all and (min-width: 0px) and (max-width: 700px) {
	
	.guide-dl-image .tablet {display:block;}
	.guide-dl-image .desktop, .guide-dl-image .mobile {display:none;}
	
}

@media screen and (min-width: 0px) and (max-width: 600px), all and (min-width: 0px) and (max-width: 600px) {
    .box-655.listitem .btn {
        float: none;
        margin: 5px auto 0;
    }
    

    .box-655.listitem .btncont {
        text-align: right;
        display: block;
        padding: 0 0 10px;
    }

    .box-655.listitem h2 {
        padding-right: 0px;
    }

    .box-655.listitem p {
        padding-right: 0px;
    }

    .box-655.listitem .txt {
        margin-right: 0px;
    }

    .box-1000 h1.center {
        padding: 50px 10px 0;
    }

    .portfolio-yt {
        width: 100%;
        height: 200px !important;
    }

    .section.halves .col, .section.halves .col.last {
        float: none;
        width: 95% !important;
        margin: 0 auto !important;
        padding: 0;
    }

    .section.halves .services-item {
        margin: 0 auto 20px 0;
        float: none;
    }

    .section.three-colmn-item .item-details.text-right .details-img, .section.three-colmn-item .item-details.text-left .details-img {
     	 width:40%;
     	 height:180px;
     }

    .section.three-colmn-item .item-details .details-text h2 {
        padding-top: 15px;
    }

    
     .section.three-colmn .service-item .item-body .text p.hidden-text{
    	min-height:170px;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px), all and (min-width: 0px) and (max-width: 500px) {
    .section.twocol .box-655.buttons {
        height: auto !important;
    }

    .section.twocol .box-655.buttons .mid {
        height: auto !important;
        text-align: center;
        padding-bottom: 5px;
    }

    .section.twocol .box-655.buttons .btn {
        float: none !important;
        margin: 0 0 10px;
    }

    .box-700 .imgcont .title h1 {
        font-size: 25px;
        top: -40px;
    }
    
    /**** Three Colmn Grid ****/

    .section.three-colmn-item .item-details.text-right .details-img, .section.three-colmn-item .item-details.text-left .details-img {
     	 width:40%;
     	 
     }
     
    .section.three-colmn .service-item {
        width: 99.5%;
        margin-right: 0px;
    }
     .section.three-colmn .service-item .item-body .text p.hidden-text{
    	min-height:0px;
    }
    
    .section.paper-downloader .left-container h1 {font-size:28px;}
    .section.paper-downloader .right-container {width:33%; float:right; margin:0 0 0 10px; }
    

	.section.paper-downloader input[type=text] {width:95%;}
	
	.guide-dl-image .mobile {display:block;}
	.guide-dl-image .tablet, .guide-dl-image .desktop {display:none;}
    
    
}

/** Smaller mobile screens **/

@media screen and (min-width: 0px) and (max-width: 399px), all and (min-width: 0px) and (max-width: 399px) {
    .section.statement h2 {
        font-size: 18px;
        line-height:24px;
    }

    .section.statement p {
        font-size: 14px;
    }

    .services-item .text .in {
        top: -50px;
    }

    .services-item .text h3 {
        font-size: 17px;
    }

    .slidebox .sbc .text {
        font-size: 16px;
        line-height:24px;
        height: auto;
    }

    .box-1000 .portfoliohead {
        text-align: center;
    }

    .box-1000 .btn-02.btnright, .box-1000 .btn-02.btnright span {
        float: none;
        margin: 0 auto;
    }

    .box-1000 .btn-02.btnleft, .box-1000 .btn-02.btnleft span {
        float: none;
    }

    .box-1000 .btn-02 {
        margin: 0 0 5px;
    }

    .box-1000 h1.center {
        padding-top: 5px;
        font-size: 20px;
    }

    .box-700 .imgcont .title h1 {
        font-size: 18px;
        top: -28px;
    }
    .section.three-colmn-item .item-details.text-right .details-img, .section.three-colmn-item .item-details.text-left .details-img {
     	 float:none; width:100%; height:auto; margin:0 auto; padding:0px;
     }
    
  	.section.three-colmn-item .item-details.text-left .details-text, .section.three-colmn-item .item-details.text-right .details-text {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .section.three-colmn-item .item-details .details-img {
        width: 100%;
        height: auto;
    }
    
    .section.three-colmn-item .item-head h1 {
    	width:50%;
    	font-size: 24px;
    }

    
}

@media screen and (min-width: 0px) and (max-width: 300px), all and (min-width: 0px) and (max-width: 300px) {
    #mobhead .mobmenu {
        width: 30px
    }

    #mobhead .mobmenu span {
        display: none;
    }

    .box-1000 .portfoliohead {
        text-align: center;
    }

    .box-1000 .btn-02.btnright, .box-1000 .btn-02.btnright span {
        float: none;
        margin: 0 auto;
    }

    .box-1000 .btn-02.btnleft, .box-1000 .btn-02.btnleft span {
        float: none;
    }

    .box-1000 .btn-02 {
        margin: 0 0 5px;
    }

    .box-1000 h1.center {
        padding-top: 5px;
        font-size: 16px;
    }

    .box-270 .csimage {
        width: 90%;
        margin: 0 auto 10px;
    }

    .section.halves .services-item .text h3 {
        font-size: 13px;
    }

    .portfolio-yt {
        width: 100%;
        height: 100px !important;
    }

    .section.twocol .box-655.buttons .btn span {
        padding: 7px 5px 5px 10px;
    }

    .section.twocol .box-655.buttons .btn span span {
        font-size: 11px !important;
        padding: 0;
        background: none;
        margin: 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 240px), all and (min-width: 0px) and (max-width: 240px) {
    #mobhead img {
        width: 75%;
    }

    .slidebox .sbc .text {
        font-size: 12px;
        height: 50px;
        line-height:24px;
    }

    .slidebox .sbc .text a {
        padding: 5px;
    }
}

@media screen and (max-width: 500px) {
    img.tablet-version {
        display: none;
    }
}
@media screen and (min-width: 500px) {
    img.mobile-version {
        display: none;
    }
    .parallax-header-mobile .rotator-images-container {
        left: 28%;
        width: 41%;
        top: 58%;
    }
}

@media screen and (min-width: 799px) {
    .mob-head-spacing {
        display: none;
    }
    .top-nav {
        display: none;
    }
}