/*--/top-top--*/
/*-- responsive-design starts-here --*/
@media screen and (max-width: 1024px) {
	.top-blog {
	  width: 87%;
	}
	.blog h2 {
	  margin-top: 0;
	}
	.callbacks_tabs {
	  top: 87%;
	}
	.banner {
	      min-height: 144px !important;
	}
	.banner-info {
	  margin: 8em 0 0 0;
	}
	.banner-bottom-grids {
	  margin: 3em 0;
	}
	.banner-info p {
	  margin: 0em 0 7em 0;
	}
	.banner-bottom-left h5 {
	  font-size: 14px;
	  margin: 4px 0;
	}
	.banner-bottom-left h3 {
	  font-size: 28px;
	}
	.banner-bottom-left p {
	  font-size: 13px;
	}
	.about-top {
	  padding: 4em 0 0;
	}
	.mail-grid-left h3 {
	  font-size: 32px;
	}
	.mail {
	  padding: 4em 0 2em;
	}
	.banner-info h2 span {
	  padding-bottom: 0;
	  border-bottom: none;
	}
}
@media screen and (max-width: 768px) {
	.head-logo {
	 
	}
	.header .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top:15px;
    margin-right: 15px;
    margin-bottom: 8px; color:#FFFFFF;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;}
	.header .navbar-toggle span{ color:#FFFFFF; background-color:#FFFFFF}
	.head-logo a img{ max-width:100%}
	span.menu {
		display: block;
		text-align: right;
		padding-bottom: 1em;
		cursor: pointer;
		color: #E74C3C;
		font-size: 16px;
		font-weight: 700;
		position: relative;
	}
	
	.head-logo a {
	
	}
	ul.nav1 {
		display: none;
	}

	.top-nav ul.nav1 li.active{
		background: #DC5329;
	}
	.top-nav ul.nav1 li {
	  display: block;
	  text-align: center;
	  background: rgba(181, 181, 181, 1);
	  border-bottom: 1px dashed #0F2031;
	  margin: 0;
	  width: 100%;
	}
	.top-nav ul li a {
	  padding: 1.5em 0;
	  display: block;
	  float: none;
	}	
	.top-nav ul li a i {
		margin-top: .5em; display:none
	}
	.top-nav ul li a {
		padding: 1em 0;
	}
	.banner-info h2 {
		font-size: 41px;
	}
	.banner-info h2 {
		font-size: 41px;
	}
	.banner {
		min-height: 630px;
	}
	.callbacks_tabs {
	  top: 83%;
	  left: 43%;
	}
	.banner-bottom-right {
	  margin-top: 2em;
	}
	.service-box {
	  margin: 2em 0;
	}
	.testimonial-grid p {
		width: 90%;
	}
	.news-grid {
	  margin-top: 2em;
	  float: left;
	
	}
	.footer-middle {
	  margin: 3em 0;
	}
	.a-banner {
	  min-height: 88px !important;
	}
	.banner-bottom-right {
	  margin-bottom: 2em;
	}
	.about-bottom-right {
	  margin-top: 4em;
	}
	.banner-bottom-grids {
	  margin: 2em 0;
	}
	.team-grid {
	  float: left;
	  width: 50%;
	}
	.team-grid:nth-child(3) {
	  margin-top: 2em;
	}
	.team-grid:nth-child(4) {
	  margin-top: 2em;
	}
	.contact-form {
	  margin-top: 2em;
	}
	.products-grid {
	  margin-bottom: 2em;
	    padding: 0;
	}
	.footer-left {
	  padding: 0;
	}
	.footer-middle {
	  padding: 0;
	}
	.footer-right {
	  padding: 0;
	}
	.single {
	  padding: 0;
	}
	.mail-grid-left {
	  padding: 0;
	}
	.banner-info {
	  margin: 4em 0 0 0;
	}
	.footer-right a img {
	  width: 20%;
	}
	.top-nav ul li a {
	  width: 100%;
	}
	.top-blog {
	  width: 83%;
	}
	ul.grid-part {
	  float: left;
	}
	.single-bottom textarea {
	  width: 100%;
	}
	.single-bottom input[type="text"], .single-bottom textarea {
	  margin-bottom: 1em !important;
	  margin: 0;
	}
	.comment {
	  padding: 0;
	}
	.single-bottom {
	  padding: 0em 0 2.5em;
	}
	.banner-info h2 span {
	  border-bottom: none;
	}
	.footer-left input[type="text"] {
	  margin-bottom: 0em;
	}
	.phone {
	  margin-top: 0em;
	}
	.phone p {
	  margin: 1em 0 0 0;
	}
	.address p {
	  margin: 1em 0 0 0;
	}
	.banner-bottom-left h5 {
	  font-size: 15px;
	}
	.banner-bottom-left p {
	  font-size: 13px;
	}
	.banner-bottom-right {
	  padding: 0;
	}
	.a-banner-bottom-text {
	  padding: 0;
	}
	.team-grid {
	  padding: 0;
	}
	.banner-info p {
	  margin: 0em 0 11em 0;
	}
}
@media screen and (max-width: 640px) {
	.banner-info h2 {
	  font-size: 35px;
	}
	.contact-form {
	  padding: 0;
	}
	.footer-middle {
	  margin: 0em 0;
	}
	.mail {
	  padding: 4em 0 2em;
	}
	.team-grid p {
	  width: 90%;
	}
	.head-logo a {
	 

	}
	.top-blog {
	  width: 80%;
	}
	.pagination {
	  padding-top: 2em;
	}
	.blog-to {
	  padding: 1em 0;
	}
	.banner-info h2 span {
	  border-bottom: none;
	}
	.banner-info {
		margin: 3em 0 0 0;
	}
	.banner {
	  min-height: 560px;
	}
	.banner-bottom-left h3 {
		font-size: 28px;
	}
	.specialty-info h3 {
		font-size: 34px;
	}
	.about-info h3 {
		font-size: 34px;
	}
	.about-bottom h3 {
		font-size: 34px;
	}
	.team-info	h3 {
		font-size: 34px;
	}
	.products-top h3 {
		font-size: 34px;
	}
	.products-text h4 {
		font-size: 22px;
	}
	.products-number p {
		font-size: 34px;
	}
	.products-bottom h3 {
		font-size: 34px;
	}
	.mail-grid-left h3 {
		font-size: 34px;
	}
	.head-logo {
	 
	}
}
@media screen and (max-width: 480px) {
	.banner-info h2 span {
		border-bottom: none;
	}
	.banner-info h2 {
	    line-height: 1.2em;
        font-size: 21px;
	}
	.banner-info {
	  margin: 2em 0 0 0;
	}
	.banner-item { height:350px;}
	.banner-text h2{ font-size:30px;}
	.banner-text p{font-size:16px;}
	.specialty-button {
	  margin-top: 0em;
	}
	.see-button {
	  margin-top: 0.2em;
	}
	.banner-info p {
	  font-size: .875em;
	  margin: 0em 0 8em 0;
	}
	.callbacks_tabs {
	  top: 72%;
	  left: 36%;
	}
	.head-logo {
	    
	}
	.products-top-grids {
	  margin-top: 1em;
	}
	.news-grids {
	  margin-top: 1em;
	}
	.top-blog {
	  width: 100%;
	  margin: 0;
	  padding-top: 1em;
	}
	.about-bottom-grids {
	  margin-top: 2em;
	}
	ul.grid-part {
	  padding: 0;
	}

	.testimonial-grid p {
	  width: 100%;
	}
	.single-bottom input[type="submit"] {
	  width: 20%;
	  margin: 0;
	}
	.testimonial-grid p {
		font-size: 1em;
	}
	.news-grid {
	  margin-top: 1em;
	  padding-left: 0;
	}
	.news-grid a h4 {
		font-size: 14px;
	}
	.news-grid span {
		font-size: 14px;
	}
	.copyright-left {
	  float: none;
	  text-align: center;
	  margin-bottom: 2em;
	}
	.copyright-right {
	  float: none;
	  text-align: center;
	}
	.a-banner {
	    min-height: 85px !important;
	}
	.about-top {
	  padding: 2em 0;
	}
	.banner-bottom-right {
	  padding: 0;
	}
	.products-top {
	  padding: 2em 0;
	}
	.gallery-grid {
	  float: none;
	  width: 100%;
	}
	.gallery-grid1 {
	  float: none;
	  width: 100% !important;
	}
	.e-page h5 {
		font-size: 3em;
	}
	.head-logo a {
	  
	}
	.map iframe {
	  min-height: 250px;
	}
	.footer-middle {
	    margin: 2.5em 0;
	}
	.banner-bottom-grid-text {
	  padding: 0;
	}
	.specialty-info {
	  padding: 0;
	}
	.specialty-grids {
	  padding: 0;
	    margin-top: 6em;
	}
	.mail {
	  padding: 0em 0 2em;
	}
	.specialty {
	  padding: 3em 0 1.5em;
	}
	.see-button a {
	  padding: 1em 2em;
	}
	.news {
	  padding: 1.5em 0 3em;
	}
	.footer-right a img {
	  width: 33%;
	}
}
@media screen and (max-width: 320px) {
	.head-logo {
	 ;
	}
	.top-nav {
	
	}	
	.head-logo a {
	     
	}
	.top-nav ul li{position: relative;
    display: block;
	}
	.top-nav ul li a {
	  padding: .5em 0;
	}
	.banner-info h2 {
	  font-size: 19px;
	   padding-bottom: 4em;
	}
	.banner-info {
	  margin: 4em 0 0 0;
	}
	.banner-info p {
	  display: none;
	}
	.callbacks_tabs {
	  top: 71%;
	  left: 25%;
	}
	.team-grids {
	  margin-top: 1em;
	}
	.a-banner {
	  min-height: 75px !important;
	}
	.team-grid img {
	  width: 90%;
	}
	.banner-bottom-grid-text {
	  padding: 0;
	}
	.see-button {
	  margin-top: .3em;
	}
	.banner-bottom-left h3 {
	  font-size: 20px;
	}
	.banner-bottom-right {
	  margin-bottom: 0em;
	}
	.specialty {
		padding: 2em 0;
	}
	.specialty-info h3 {
	  font-size: 26px;
	}
	.specialty-info {
	  padding: 0;
	}
	.specialty-info p {
		margin: 1em 0 0 0;
		  font-size: 13px;
	}
	.specialty-info p span {
	  margin-top: 1em;
	  
	}
	.service-box h5 {
		margin: 1em 0;
	}
	.testimonials {
		padding: 2em 0;
	}
	.testimonial-nfo h3 {
		font-size: 26px;
	}
	.testimonial-grid p {
	  font-size: .9em;
	}
	.news {
	    padding: 2em 0 0;
	}
	.news-text h3 {
		font-size: 26px;
	}
	.news-grids {
	  margin-top: 0em;
	}
	.news-grid {
	  padding: 0;
	  margin: 3em 0
	}
	.footer-left {
	  padding: 0;
	}
	.footer-left ul {
		text-align: center;
	}
	.footer-left ul li {
		margin: 0.2em .24em 0;
	}
	.footer {
		padding: 2em 0;
	}
	.footer-left form {
	  margin-top: 2em;
	}
	.about-info h3 {
	  font-size: 26px;
	}
	.banner-bottom-left h3 {
	  font-size: 18px;
	}
	.a-banner-bottom-text {
	  margin-top: 1em;
	}
	.banner-bottom-grids {
	    margin: 1em 0;
	}
	.about-bottom {
		padding: 2em 0;
	}
	.about-bottom h3 {
	  font-size: 26px;
	}
	.about-bottom-left h4 {
		font-size: 20px;
		  font-weight: 400;
	}
	.about-bottom-grids {
	  margin-top: 1em;
	}
	.about-bottom-left p span {
	  margin: 1em 0;
	    text-align: left;
	}
	.about-bottom-right {
	  margin-top: 2em;
	}
	.team {
	  padding: 2em 0;
	}
	.team-info	h3 {
	  font-size: 26px;
	}
	.team-grid {
	  float: none;
	  width: 100%;
	  padding: 0;
	}
	.team-grid:nth-child(2) {
	  margin-top: 2em;
	}
	.a-banner-bottom-text {
	  padding: 0;
	}
	.products-top h3 {
	  font-size: 26px;
	  line-height: 1.4em;
	}
	.products-number {
		margin-right: 1em;
	}
	.products-text h4 {
	  font-size: 20px;
	    margin: 0 0 .2em 0;
	}
	.products-text p {
	  font-size: 12px;
	}
	.products-grid {
	  margin-bottom: 2em;
	  padding: 0;
	}
	.products-number p {
		line-height: .5em;
	}
	.products-top-grids {
	  margin-top: 0em;
	}
	.products-bottom {
		padding: 2em 0;
	}
	.products-bottom h3 {
	  font-size: 26px;
	}
	.products-bottom-grids {
	  margin-top: 1em;
	}
	.e-page h3 {
		font-size: 8em;
	}
	.e-page {
	  padding: 9em 0 0 0;
	  min-height: 640px;
	}
	.e-page h5 {
	  font-size: 2em;
	}
	.mail {
	  padding: 1em 0;
	}
	.footer-middle {
	  margin: 0em 0;
	}
	.map iframe {
		min-height: 265px;
	}
	.mail-grid-left h3 {
	  font-size: 26px;
	}
	.mail-grid-left {
	  padding: 0;
	}
	.contact-form {
	  padding: 0;
	}
	.footer-middle {
	    margin: 2.2em 0;
	}
	.blog h2 {
	  font-size: 26px;
	  margin-top: 0px;
	}
	.blog-left b {
	  font-size: 2.5em;
	}
	.blog {
	  padding: 1.5em 0;
	}
	.single-middle h3 {
	  font-size: 2.2em;
	}
	.single-bottom h3 {
	  font-size: 2.1em;
	}
	.single-bottom input[type="submit"] {
	  width: 34%;
	}
	.mail-grid-left {
	  padding: 0 !important;
	}
	.contact-form {
	  padding: 0;
	}
	.contact-form {
	  padding: 0 !important;
	}
	.specialty-grids-top:nth-child(2) {
	  margin-top: 0;
	}
	.specialty-button {
	  margin: 0em 0 2em;
	}
	.footer-left input[type="text"] {
	  margin-bottom: .2em;
	}
	.address p {
	  margin: .6em 0 0 0;
	}
	.phone {
	  margin-top: 1em;
	}
	.phone p {
	  margin: 0em 0 0 0;
	}
	.footer-right a img {
	  width: 50%;
	}
	.top-blog p {
	   font-size: 12px;
       margin: 7px 0;
	}
	.in-media {
	  padding: 0 0 0 1em;
	}
	.team-grid p {
	  font-size: 14px;
	  line-height: 1.7em;
	}
	.team-grid h6 {
	  margin: 1em 0 .3em 0;
	}
	.about-bottom-left p {
	  font-size: 13px;
	}
	.about-info h5 {
	  font-size: 13px;
	}
	.team-info {
	  text-align: center;
	}
	.banner-bottom-left p {
	  font-size: 14px;
	}
	.see-button a {
	  font-size: 13px;
	  padding: 1em 2em;
	}
	.specialty-grids {
	  padding: 0;
	  margin-top: 2em;
	}
}