@media only screen and (max-width: 768px) {
	.pdf-lists li {
	    float: none;	   
	    width: 100%;
	}
}

@media only screen and (min-width:992px) and (max-width: 1200px){
    
    .services_box_img h3{
        font-size: 16px;
    }
    .services_box_img p{
        font-size: 12px;
        line-height: 16px;
        margin-top: 5px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px){
    
    .services_box_text{
        top: 77%;
    }
}

@media only screen and (min-width:768px) and (max-width: 1024px){
    
   
    .topNav .navbar-default .navbar-nav > li > a{
        font-size: 16px;
    }
     .bannerBottom_txtarea{
        padding: 10px;
    }
    .topNav .nav > li > a{
        padding: 0 21px!important;
    }
    .bottomNav .navbar-default .navbar-nav > li > a{
        padding: 17px 12px 0;
        font-size: 15px;
    }
    .blog_section p{
        font-size: 11px;
    }
    .services_box_text{
        font-size: 15px;
    }
    .sitemap p{
        font-size: 14px;
    }
    .newsletter1{
        background: #000;
    }
    .nlicon_bg{
        float: left;
    }
    .nletter2 input[type="text"]{
        width: 300px;
    }
    .case_list_ul1{
        width: 100%;
        margin-right: 0;
    }
    .case_list_ul2{
        width: 100%;
        margin-right: 0;
    }
    .case_list_ul3{
        width: 100%;
        margin-right: 0;
    }
    .newmain{
        float: none;
    }
    .nlicon_bg{
        float: none;
        margin: 0 auto;
    }
}

@media only screen and (min-width:320px) and (max-width: 767px){
	.navbar { top: 3px; }
    .case{
        font-size: 35px;
    }
    .case_list_ul1{
        width: 100%;
        margin-right: 0;
    }
    .case_list_ul2{
        width: 100%;
        margin-right: 0;
    }
    .case_list_ul3{
        width: 100%;
        margin-right: 0;
    }
    .newsletter1{
        background: #000;
    }
    .newmain{
        float: none;
    }
    .nlicon_bg{
        float: none;
        margin: 0 auto;
    }
    .nletter2 input[type="text"]{
        width: 100%;
        border-style:solid;
        border-width:1px;
        border-color: #a6a4a5;
    }
    .nletter2 input[type="submit"]{
        margin: 0 auto;
        padding: 20px;
        text-align: center;
        font-size: 15px;
    }
    .topNav .navbar{
        position: relative;
    }
    .topNav .navbar-collapse{
        background: #fff none repeat scroll 0 0;

        position: absolute;
        width: 100%;
        z-index: 999999999;
    }
	.space100 { padding-top: 40px; }
	.first_txt { top: 43%; width: 90%; text-align: center; }
	.messagesBox {
	background: none;
	width: 100%;
	min-height: 180px;
	position: absolute;
	top: 66px;
	padding-top: 0px; 
	}
	.messages { width: 100%; }
	.messagesBox {
	background: none; 
	}
	.newsletter input[type="text"] {
	width: 100%;
	}
	.callright {
	float: none !important;
	margin-top: 15px;
	position: relative;
	background: #FFF; z-index: 1000 !important;
	}
	.callbox { width: 100%; }
	.topNav .nav > li a:hover:before { background-image: none; } 
	.topNav .nav > li.active a:before { background-image: none; }
	.divider-vertical { border-right: 0; }
    .topNav .navbar-default .navbar-nav > li > a { font-size: 18px!important; text-align: center; padding: 3px 0 !important;  width: 90%; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ef3021; }
    .bottomNav .nav > li a:hover:before { background-image: none;  } .bottomNav .nav > li.active a:before { background-image: none;  }
    .navbg { background: rgba(0, 0, 0, 0.7); }

	.bannerBottom_txtarea h2 {
	font-size: 38px;
	line-height: inherit;
	text-align: center;
	}
	.bannerBottom_txtarea { 
	/ right: 0; top: 36%; /
	right: 3%;
	width: 96%;
	overflow: hidden;
	text-align: center !important;

	}
    .bannerBottom_txtarea h4{
        font-size: 14px;
    }
    .blog_section{
        margin: 10px 0;
    }
    .blog_section p{
        font-size: 16px;
    }
    .requestbox{
        padding: 20px 0;
    }
    .aboutredbox{
        padding: 20px 0;
    }
    .aboutredbox h2{
        text-align: center;
    }
    .main_services{
        padding: 20px 0;
    }
   /* .bottomNav .navbar{
        margin-bottom: 0;
    } */
	.bannerBottom_txtarea h3 {
	font-size: 28px;
	line-height: inherit;
	text-align: center;
	}
	.bannerBottom_txtarea h4 { text-align: center; }
	.requestbox h2 { font-size: 32px; text-align: center; }
	.request-button, .request-button a { display: table; float: none; margin: 0 auto; margin-top: 20px; }
	h1, h1 a, .title1, .title1 a { font-size: 46px; }
	.button {
	margin: 0 auto !important;
	display: table;
	position: relative;
	top: 12px;
	}
	.aboutredbox p { text-align: center; }
	.mg-mob { margin-bottom: 22px; }
	.contact_details .fa-map-marker { margin-top: 5px; }
	.contactBox p { font-size: 15px; }
	.spacecon50 { margin-top: 0px; }
	/*.entersprite img { width: 60%; }*/
	.rbtxt {
	left: 50%;
	position: absolute;
	bottom: 5%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%; 
	}
	.enter_boximg img { width: 50%; }
	.enter_siteimg img { width: 60%; }
	.bottomNav .navbar .navbar-collapse { text-align: left; }
	.topNav .navbar-default .navbar-nav > li > a  {
		border: none;	
	}
     .bannerBottom_txtarea{
        padding: 10px;
    }
    .services_box_text{
        top: 82%;
    }

	
}
@media only screen and (max-width: 720px) {
    .services_box_text{
        top: 87%;
    }
}
@media only screen and (max-width: 480px) {
    .services_box_text{
        top: 83%;
    }
}
@media only screen and (max-width: 470px) {
/*---------*/ 
 .messages h3 {
 font-size: 16px;
 line-height: 20px;
 padding: 0 10px;
 margin-top: 90px;
 }
 .entersprite { top: 75%; }
 .bottom_msg {
    left: 50%;
    text-align: center !important;
    width: 100%;
 }
 .bottom_msg h5 { font-size: 13px !important; }
 .first_txt h2 {font-size: 32px; line-height: 40px; }
 .logo-top { top: 12%; }
    .services_box_text{
        top: 73%;
    }
 /*---------*/ 
}
@media only screen and (max-width: 767px) {
    .bottomNav .dropdown-menu > li > a{
    color: #fff!important;
}
/*---------*/ 
 .messages h3 {
 font-size: 16px;
 line-height: 20px;
 padding: 0 10px;
 margin-top: 130px;
 }
 .entersprite { top: 73%; }
 .bottom_msg {
    left: 50%;
    text-align: center !important;
    width: 100%;
 bottom: 0%;
 }
 .bottom_msg h5 { font-size: 13px !important; }
 .first_txt h2 {font-size: 32px; line-height: 40px; }
 .logo-top { top: 11%; }
 /*.messagesBox { top: 10px; }
 .bottom_msg { bottom: 0; }*/
    .messagesBox { top: -50px; }
    .bottom_msg { bottom: -4%; }
}
 /*----------------------*/ 
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.logo-top { top: 5%; } .messagesBox { top: -34px; } .entersprite { top: 68%; }
}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.messages h3 { margin-top: 153px; } 
	.bottom_msg { bottom: 4%; }
	.ani-arrow { position: relative; left: -40px; top: -60px; } 
	.entersprite { top: 84%; }
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	 .logo-top { top: 15%; } .messagesBox { top: -27px; } .entersprite { /*top: 82% !important;*/ top: 73%; }
	.messages h3 {
	font-size: 14px!important;
	line-height: 15px!important;
	padding: 0 10px;
	margin-top: 124px;
	}
	.ani-arrow { top: -64px !important; left: -43px; }

}
/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
 .messagesBox { top: 40px; }
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
 .logo-top{ top: 16%; } .messagesBox { top: 7px; } .entersprite { /*top: 85%;*/ top: 73%; } .bottom_msg { bottom: 0%; } .ani-arrow { left: -40px; top: -60px; }
}
/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
 .messagesBox { top: 0px; }
}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	  .logo-top { top: 15%; } .messagesBox { /*top: -14px; */ top: -10px;} .entersprite { /*top: 84%;*/   top: 74%; } .ani-arrow { position: relative; top: -56px; left: -40px; }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
 .messagesBox { background: none; }
 .bottom_msg {
    left: 50%;
    text-align: center !important;
    width: 100%;
    bottom: 0%;
 }
 .navbar-nav > li > a {
    font-size: 16px!important;
    padding: 17px 13px 0!important;
 }
 .rbtxt {
    left: 50%;
    position: absolute;
    bottom: 5%;
    transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    width: 100%;
 }
 h2, h2 a, .title2, .title2 a { font-size: 24px; line-height: 36px; }
 .first_txt { top: 43%; width: 90%; text-align: center; }
 .sitemap p span { display: block; }
 .sitemap .fa-envelope { display: block; margin-bottom: 7px; }
 .sitemap .fa-phone { display: block; margin-bottom: 7px; }
 .topNav {margin-top: 25px; }
 .topNav .nav > li a:hover:before {left: 17%; }
 .topNav .nav > li.active a:before { left: 25%; }  
 .callbox { width: 60%; }
   
}

@media only screen and (min-width:320px) and (max-width: 1024px){
	.inner_page_banner_logo { left: 50%; }
	.inner_page_banner_logo h3 { color: #FFF; }
	
}

/*===============9.11.16===============*/

@media (max-width: 767px) {
    .bannerBottom{
        background-attachment: inherit;
        background-size: 100% auto;
        height: 220px;
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .callbox h2 a{
        color: #fff;
        font-size: 18px;
    }
    .nletter2{
        float: left;
        width: 100%;
        text-align: center;
    }
    .inner_page_banner{
        background-attachment: inherit;
        background-size: 100% auto;
        height: 133px;
        min-height: inherit!important;
    }
    .redBox-content{
        margin-top: 0;
    }
    .callbox{
        margin-bottom: 0;
    }
    .navbar{
        margin-bottom: 0;
    }
    .footer p{
        font-size: 12px;
    }
    .center{
        margin: 0 -15px;
    }

}