@font-face {
    font-family: 'JosefinSans-Bold';
    src:url(../fonts/JosefinSans-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'JosefinSans-Regular';
    src:url(../fonts/JosefinSans-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Viga-Regular';
    src:url(../fonts/Viga-Regular.ttf) format('truetype');
}
body{
	
	font-family: 'JosefinSans-Regular';
	background:#fff;
	
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 ul{
	padding: 0;
	margin: 0;
	
}
h1,h2,h3,h4,h5,h6,p,label{
	margin:0;
}
.header{
	background: url(../images/1.jpg) no-repeat center;
	width:100%;
	min-height: 750px;
	display: block;
	background-size: cover;
}
.header-top {
  background-color: #fff;
  width: 80%;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.logo {
  margin: 14em 0px 0;
}
.logo a  {
  background-color: #dbc65d;
  padding: 2em;
  display:inline-block;
}
/*--search--*/
.search-in{
	float: right;
	 position: relative;
}
.search{
	position: absolute;
	top: 84px;
  	display: block;
  	z-index: 100;
  	background: #DBC65D;
	width: 306px;
	right: 0;
	padding: 1em;
}
.search input[type=text]{
	background:none;
	padding:7px;
	width:70%;
	font-size:0.9em;
	color:#fff;
	-webkit-appearance: none;
	border: 1px solid #fff;
	outline: none;
}
.search input[type=submit]{
	background:#E64B50;
	padding:9px 10px;
	width:25%;
	font-size:0.88em;
	color:#fff;
	-webkit-appearance: none;
	border: none;
	outline: none;
	position: absolute;
  top: 13px;
}
.search input[type=text]:focus{
	color:#5d5d5d;
}

.close-in{
	position: absolute;
	top: -22px;
	right: 0px;
	cursor: pointer;
}
.right button {
	cursor: pointer;
	font-size: .8em;
	color: #777;
	position: absolute;
	bottom: 0;
	top:29px;
	right: 14px;
	border: none;
	outline: none;
	  background: url('../images/search.png') no-repeat 0px ;
	  width: 25px;
	  height: 25px;
	  padding: 0;
}
.top-nav ul li{
	display: inline-block;
	float: left;
}
.top-nav ul li a{
	 color: #000;
  font-size: 1.1em;
  text-decoration: none;
  background-color: #FFFFFF;
  display: block;
  padding: 2.05em 2.8em;
  text-align: center;
  font-family: 'JosefinSans-Bold';
}
.top-nav span.menu {
	display: none;
}
i.glyphicon.glyphicon-home {
  font-size: 2em;
}
.top-nav ul li a.color{
	background: #e64b50;
	color:#fff;
	padding: 1.6em 2em;
}
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e64b50;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.top-nav {
  float: left;
}

/*--content--*/
/*--content-top--*/
.top-content h4{
  font-size: 1.7em;
  font-family: 'Viga-Regular';
  padding: 0.5em 0;
}
.top-content h4 a{
	color: #E64B50;
  	text-decoration: none;
}
.top-content p{
	  color: #7C7C7C;
  font-size: 1.2em;
  line-height: 1.7em;
}
.content-top {
  padding: 4em 0 ;
}
/*--//content-top--*/
/*--welcome--*/
.content-welcome {
  padding: 4em 0;
}
.welcome h1{
	font-size: 3em;
  color: #e64b50;
  font-family: 'Viga-Regular';
}
.welcome p{
	font-size:1.2em;
	color:#7C7C7C;
	line-height:1.7em;
}
.welcome h5{
	font-size:1.15em;
	text-transform:uppercase;
	color:#000;
	margin: 0.85em 0;
	line-height:1.7em;
	  font-family: 'JosefinSans-Bold';
}
/*--//welcome--*/
/*--service--*/
.services{
	background: url(../images/back.jpg) no-repeat bottom;
	width:100%;
	min-height: 550px;
	display: block;
	background-size: cover;
	  padding: 4em 0;
}
.service-top {
  padding: 3em 0 0;
}
.top-service h5{
	color: #dbc65d;
  	font-family: 'Viga-Regular';
  	font-size:1.3em;
  	  padding: 0.5em 0;
}
.top-service p{
	  font-size: 1.1em;
  color: #fff;
  line-height: 1.7em;
    font-family: 'JosefinSans-Bold';
}
.top-service {
  text-align: center;
}
.top-service i{
	background: url(../images/img-sprite.png) no-repeat 0px 0px;
	width:64px;
	height: 64px;
	display: block;
	  margin: 0 auto;
}
.top-service i.ic{
	background-position:  -65px 0px;
}
.top-service i.ic1{
	background-position:  -128px 0px;
}
.top-service i.ic2{
	background-position:  -193px 0px;
}
.top-service i.ic3{
	background-position:  -257px 0px;
}
.top-service i.ic4{
	background-position:  -320px 0px;
}
.top-service i.ic5{
	background-position:  -385px 0px;
}
.top-service i.ic6{
	background-position:  -448px 0px;
}
.services h2 {
  color: #fff;
  font-size: 3em;
  text-align: center;
  font-family: 'Viga-Regular';
}
/*--//services--*/
.grid-middle h3{
	color:#e64b50;
	font-size:3em;
	font-family: 'Viga-Regular';
	text-align:center;
}
.news-in h5{
	color:#dbc65d;
	font-size:1.5em;
	  font-family: 'JosefinSans-Bold';
}
.news-in p {
  font-size: 1.2em;
  color: #7C7C7C;
  line-height: 1.7em;
}
.news-in,.latest-grid {
  padding: 0;
}
.news-in {
  text-align: right;
}
.in-news{
	text-align: left;
}
.news-top {
  padding: 2em 0 0;
}
.news h4 {
  color: #000000;
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  border: 3px solid #e64b50;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -mos-border-radius: 100px;
  -moz-border-radius: 100px;
  width: 100px;
  height: 100px;
  padding: 0.3em 0 0;
    font-family: 'JosefinSans-Bold';
}
.news h4 span {
  display: block;
  font-size: 20px;
}
.grid-middle {
  padding: 4em 0 0;
}
/*----*/
.contact-me{
	background:#666464;
	text-align: center;
	padding:4em 0;
}
.contact-me h3{
	color: #fff;
  	font-size: 3em;
  	font-family: 'Viga-Regular';
  	text-align: center;
}
.contact-fax  i{
	  color: #fff;
  font-size: 1.4em;
  border: 4px solid #525252;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -mos-border-radius: 100px;
  -moz-border-radius: 100px;
  line-height: 4.5em;
}
.contact-fax p{
	margin:0.5em 0 0;
	font-size:1.2em;
	color:#fff;
}
.contact-fax p a{
	text-decoration:none;
	color:#fff;
}
.contact-fax p a:hover{
	color:#E64B50;
}
.contact-top {
	padding: 3em 0;
}
/*--//content--*/
/*--footer--*/
.footer{
	background:#DBC65D;
	padding:2em 0;
}
.footer p{
	margin:1em 0 0;
	font-size: 1.2em;
	color:#fff;
}
p.footer-grid a{
	color:#E64B50;	
}
p.footer-grid a:hover{
	color:#fff;
}
.footer a{
	text-decoration:none;
}
.class-footer{

	padding:10px 0;
}
ul.social{
	padding: 1.3em 0 0;
}
ul.social li{
	display:inline-block;
}
ul.social li a i{
	background: url(../images/img-sprite.png) -8px -89px ;
  	width: 32px;
  	height: 32px;
  	display: block;
  	margin: 0 0.5em;
}

ul.social li a i.facebook {
	background-position: -50px -89px;
}
ul.social li a i.google{
	background-position:-90px -89px;
}
ul.social li a i:hover {
	background-position: -8px -132px;
}
ul.social li a i.facebook:hover {
	background-position: -50px -132px;
}
ul.social li a i.google:hover{
	background-position:-90px -132px;
}
.class-footer ul li{
	display: inline-block;
}
.class-footer ul li a{
	font-size: 1.2em;
  text-decoration: none;
  color: #fff;
  margin: 0 1em 0 0;
    font-family: 'JosefinSans-Bold';
}
.class-footer ul li a:hover{
	color:#E64B50;
}
.col-md-2 {
  padding: 0;
}
/*--//footer--*/
/*-- contact --*/
.contact {
  padding: 4em 0;
}
.contact h1{
	font-size: 3em;
	color: #e64b50;
  	font-family: 'Viga-Regular';
	margin: 0 15px 0.5em;
	text-align: center;
}
.contact-grids {
  padding: 3em 0 0;
}
.map iframe{
	min-height:300px;
	width:100%;
	border:none;
	padding: 0 15px;
}
.contact-bottom  span,.contact-bottom-top span{
	font-size:1.2em;
	color:#fff;
	display:block;
	padding:0 0 0.5em;
}
.contact-bottom  input[type="text"]{
	width:100%;
	padding:1em;	
	border:1px solid #bbb;
	-webkit-appearance:none;
	outline:none;
	color:#fff;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
	  background: none;
}
.contact-bottom  input[type="text"]:hover,.contact-bottom-top textarea:hover{
	color:#E64B50;
	border-color:#E64B50;
}

.contact-bottom-top textarea{
	width:100%;
	padding:1em;	
	border:1px solid #bbb;
	-webkit-appearance:none;
	outline:none;
	color:#bbb;
	min-height:220px;
	resize:none;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
	 background: none;
}
.contact-bottom-top {
	  margin: 1em 15px 0;
}
.contact-form input[type="submit"]{
	background: #DBC65D;
	color: #fff;
	border: none;
	outline: none;
	margin:1em 15px 0;
	padding: 0.3em 1em;
	font-size: 1.2em;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover{
	background: #E64B50;
}
.address-grid i{
	color:#E64B50;
	font-size:4em;
	float: left;
	margin: 0 9% 0 0;
  display: inline-block;
}
.address1{
	float: left;
	  margin-top: 0.5em;
}
.address1 p{
	font-size:1.8em;
	color: #7c7c7c;
	line-height: 1.5em;	
	  font-family: 'JosefinSans-Bold';
}
.address1 p a{
	text-decoration:none;
	color: #7c7c7c;
}
.address1 p a:hover{
	color:#E64B50;
}
.address-more h2{
	color:#000;
	font-size:2em;
	margin: 0 15px 0.7em;
	font-family: 'Viga-Regular';
}
.address {
  padding: 3em 0 0;
}
/*--//contact--*/
/*--portfolio--*/
.portfolio-top h1{
	font-size: 3em;
  color: #e64b50;
  font-family: 'Viga-Regular';
  text-align: center;
}

.portfolio {
  padding: 4em 0;
}
/******** SAP ************/
.sap_tabs{
	clear:both;
	padding: 0em 0 2em;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
  list-style: none;
  padding: 2em 0 1em;
  margin: 0 auto;
    text-align: center;
}
.resp-tab-item{
	color:#C53046;
	font-size: 1.1em; 
	cursor: pointer;
	display: inline-block;
	margin: 0;
	text-align: center;
	list-style: none;	
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin: 0 1em 0;
	font-family: 'Viga-Regular';
}
.resp-tab-active{
  text-shadow: none;
  color: #DBC65D;
 
}
.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
	
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}

.tab_img{
	padding:1em 0em;
}
.img-top {	
	 position: relative;
}
.link-top{
	position: absolute;
 	top: 0%;
 	 text-align: center;
  	width: 92%;
  	background: rgba(0, 0, 0, 0.49);
  	height: 100%;
  	padding: 6.5em 0 0;
  	display: none;
}
.link-top h5{
	color:#fff;
	font-size: 2.8em;
	font-family: 'Viga-Regular';
}
.img-top:hover .link-top{
	display: block;
}

/*--//portfolio--*/
/*--about--*/
.about h1 {
  font-size: 3em;
  color: #e64b50;
  font-family: 'Viga-Regular';
  text-align: center;
}
.about-top {
  padding: 4em 0;
}
.about-top-in {
  padding: 2em 0 0;
}
.about-middle {
  background: url(../images/a1.jpg) no-repeat center;
  width: 100%;
  min-height: 250px;
  display: block;
  background-size: cover;
  padding: 4em 0;
}
.mid-about{
	background:#DBC65D;
	padding:2em;
	width:80%;
	margin:0 auto;
	color:#fff;
}
.mid-about h2{
	text-transform:uppercase;
	font-size:3em;
	  font-family: 'Viga-Regular';
}
.mid-about p{
	font-size: 1.1em;
  	margin: 0.5em 0 0em;
  	line-height:1.7em;
  	  font-family: 'JosefinSans-Bold';
}
a.more-in{
	 background: #E64B50;
	 text-align: center;
	 border-radius: 100px;
	 -webkit-border-radius: 100px;
	 -o-border-radius: 100px;
	 -mos-border-radius: 100px;
	 -moz-border-radius: 100px;
	 width: 100px;
	 height: 100px;
	 display: block;
	 color: #fff;
	 padding-top: 2.3em;
	 font-size: 1.2em; 
	 margin: 0 auto;
	 text-decoration: none;
}
a.more-in:hover{
  	background: #000;
}
.bottom-about h4{
	font-size: 1.5em;
  	color: #e64b50;
  	font-family: 'Viga-Regular';
  	margin-bottom: 0.5em;
}
.bottom-about ul li{
	list-style: none;
}
.bottom-about ul li a{
	text-decoration: none;
	color:#7C7C7C;
	font-size: 1.2em;
	 margin: 0.5em 0 0;
  	display: block;
  	  font-family: 'JosefinSans-Bold';
}
.bottom-about1 iframe{
	border: none;
	width:100%;
	min-height: 345px;	
}
.about-bottom {
  padding: 4em 0;
}
i.glyphicon.glyphicon-ok {
  color: #E64B50;
  font-size: 14px;
  margin-right: 10px;
}
/*--//about--*/
/*--blog--*/
/*--blog--*/
.blog-grid h3{
	font-size: 1.3em;
	text-transform: uppercase;
	font-family: 'Viga-Regular';
}
.blog-grid h3 a{
	color:#E64B50;
	text-decoration:none;
}
.blog-grid p{
	font-size: 1.2em;
  color: #7C7C7C;
  line-height: 1.7em;
  margin:  1em 0;
}
.blog-grid {
	padding: 1.5em 1em;
}
.blog-in {
    border: 1px solid #BDBCBC;
}
span.date-in{
	float:left;
	color:#7C7C7C;
	font-size:1em;
	  font-family: 'JosefinSans-Bold';
}
i.glyphicon.glyphicon-calendar {
  font-size: 14px;
  margin-right: 0.3em;
}
a.comments{
	float:right;
	color:#7C7C7C;
	text-decoration:none;
	font-size:1em;
	  font-family: 'JosefinSans-Bold';
}
i.glyphicon.glyphicon-comment {
  font-size: 14px;
  margin-right: 0.3em;
  vertical-align: middle;
}
.blog-head {
  padding: 2em 0 0;
}
.blog h1 {
  font-size: 3em;
  color: #e64b50;
  font-family: 'Viga-Regular';
  text-align: center;
}
.blog {
  padding: 4em 0;
}
/*--//blog--*/
/*--single--*/
.lone-line {
  padding: 2em;
}
.single-grid{
	border: 1px solid #BDBCBC;
	margin:0em 0 3em;
	background: #fff;
}
.single-grid h4{
	margin:0 0 0.3em;
	font-size:2em;
	font-family: 'Viga-Regular';
	color:#E64B50;
}
.single-grid p{
	margin:0.7em 0 1em;
	font-size:1.2em;
	color:#7c7c7c;
	line-height:1.7em;
}
.single-profile h4 {
	font-size: 2em;
	color: #DBC65D;
	 font-family: 'Viga-Regular';
}
.single-left {
	padding: 2em 0 0;
}
.post-top {
	padding: 0 1em 0 0em;
}
.single-profile {
	padding:0 0 3em 0;
}
.cal ul li{
	display: inline-block;
}
.cal ul li span{
	color:#7C7C7C;
	font-size:1em;
	margin-right: 1em;
	  font-family: 'JosefinSans-Bold';
}
.cal ul li a{
	color:#7C7C7C;
	text-decoration:none;
	font-size:1em;
	  font-family: 'JosefinSans-Bold';
}
.post-top h6 {
	font-size: 1.5em;
	color: #E64B50;
	padding:0.3em 0;
	 font-family: 'Viga-Regular';
}
.post-top p{
	font-size: 1.2em;
	color: #7c7c7c;
	line-height:1.7em;
}
.categories-grid h4{
	color: #E64B50;
	font-size: 1.5em;
	padding: 0em 0 0.5em;
	font-family: 'Viga-Regular';
}
.grid-categories {
  padding: 0 0 1em;
}
ul.popular li {
	 list-style: none;
}
ul.popular li a{
	color: #7c7c7c;
  font-size: 1.1em;
    font-family: 'JosefinSans-Bold';
  padding: 0.5em 0;
  display: block;
  text-decoration: none;
}
ul.popular li i {
  margin: 0 8px 0px;
}
ul.popular li a:hover{
	  color:#E64B50;
  padding: 0.5em 0 0.5em 0.3em;
}
.single-bottom h3 {
  font-size: 2em;
  color:#E64B50;
   font-family: 'Viga-Regular';
}
.single-bottom input[type="text"], .single-bottom textarea {
 font-size: 1.1em;
  width: 98%;
  padding: 0.5em 1em;
  margin: 0.5em 0;
  background: #fff;
  outline: none;
  border: 1px solid #bbb;
  color: #bbb;
}
.single-bottom  input[type="submit"]{
	  border: none;
  color: #000;
  font-size: 1.1em;
  width: 10%;
  margin: 0.5em 0em;
  background: #DBC65D;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  color: #fff;
   padding: 0.5em 1em;
   outline:none;
}
.single-bottom  input[type="submit"]:hover{
	background:#E64B50;
}
.comment {
  padding: 0;
}
 .single-bottom textarea {
	resize:none;
	min-height:180px;
	 margin: 1em 0em;
	width: 99%;
 }
 .single-bottom form{
	padding:2em 0 0;
 }
 .single {
  padding: 4em 0;
}
/*--//single--*/
/*--typo--*/
h3.typo1 {
  font-size: 3em;
  color: #E64B50;
  text-align: center;
  font-family: 'Viga-Regular';
}
.page-header h3{
	font-size: 3em;
	color:#000;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}
.grid1 {
  margin: 1.5em 0 0;
}
ul.nav.nav-pills {
  margin: 1.5em 0 0;
}
.grid2{
	margin: 1em 0 0;
}
.page {
  padding: 4em 0 4em;
}
/*--//typo--*/
/*--four--*/
.four {
  text-align: center;
  padding: 9em 0em 10em;
  min-height: 538px;
}
.four h1{
	font-size: 8em;
	color: #E64B50;
	font-weight: 600;
	padding: 0.1em 0 0.3em;
	font-family: 'Viga-Regular';
}
.four p{
	font-size:1.5em;
	color:#000;
	  font-family: 'JosefinSans-Bold';
}
/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding: 0.4em 1em;
  font-size:1em;
  color: #fff;
  background: #DBC65D;
    font-family: 'JosefinSans-Bold';
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background:#E64B50;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}
.hvr-overline-from-center:hover {
  color:#fff;
  text-decoration: none;
}
a.more{
  	display: block;
  	margin: 2em auto 0;
 	 text-align: center;
  	width: 35%;
}
/*--//four--*/
/*--responsive--*/
@media(max-width:1366px){
	
}
@media(max-width:1280px){
	
}
@media(max-width:1210px){
.top-nav ul li a {
  padding: 2.05em 2em;
}
}
@media(max-width:1024px){
.welcome h5 {
  font-size: 1em;
  margin: 0.4em 0;
  line-height: 1.7em;
}	
.welcome h1 {
  font-size: 2em;
}
.top-service h5 {
  font-size: 1.1em;
}
.news h4 {
  font-size: 2.2em;
  width: 85px;
  height: 85px;
  padding: 0.2em 0 0;
}
.top-content h4 {
  font-size: 1.5em;
}
/*--portfolio--*/
.link-top {
  width: 91%; 
}
/*--blog--*/
.blog-grid h3 {
  font-size: 1em;
}
a.more {
  width: 45%;
}
/*--about--*/
.bottom-about ul li a {
  font-size: 1em;
}
.bottom-about1 iframe {
  min-height: 302px;
}
}
@media(max-width:768px){
span.menu{
	display: block;
	text-align: right;
	cursor: pointer;
	position: relative;
}
.top-nav ul{
	display: none;
	position:absolute;
	width: 100%;
	z-index: 9999;
	left: 0%;
	margin:1.1em 0em;
	background:#000;
	border:0;
}
.top-nav span.menu{
	display: block;
}
.top-nav ul li{
	display: block;
	float:none;
	padding:  0.3em;
	text-align: center;
}
.top-nav ul li a{
	color:#fff;
	display:block;
	margin:0;
	background: none;
	border:none;
	padding:0.4em;
}	
.header-top {
  	padding: 1em 1em;
}
.right button {
  	right:0;
  	top: 13px;
}
.search {
  top: 62px;
}
.logo {
  margin: 10em 0px 0;
}
.header {
  min-height: 600px;
}
.red {
  width: 33.3%;
  float: left;
}
.top-service {
  width: 50%;
  float: left;
}
.news {
  float: left;
  width: 17%;
}
.news-in {
  width: 79%;
  float: left;
}
.top-content {
  float: left;
  width: 33.3%;
}
.top-content h4 {
  font-size: 1.2em;
}
.contact-fax {
  float: left;
  width: 50%;
}
.footer {
  text-align: center;
}
.search {
  width: 265px;
  padding: 0.5em;
}
.search input[type=submit] {
  padding: 10px 10px;
  font-size: 0.8em;
  top: 7px;
}
i.glyphicon.glyphicon-home {
  font-size: 1.3em;
}
.top-nav ul li a.color {
  padding: 0.6em 0em;
}
/*--portfolio--*/
.link-top {
  width: 88%;
  padding: 3.5em 0 0;
}
.img-top {
  width: 33.3%;
  float: left;
}
/*--blog--*/
.blog-top {
  float: left;
  width: 33.3%;
  padding: 0 5px;
}
.blog-grid {
  padding: 1.5em 0.7em;
}
.blog-grid h3 {
  font-size: 0.85em;
}
.blog-grid p {
  margin: 0.5em 0;
  font-size: 1em;
}
a.more {
  width: 54%;
}
.blog-head {
  padding: 1em 0 0;
}
/*--single--*/
.post-top {
  float: left;
  width: 25%;
}
.single-bottom input[type="text"], .single-bottom textarea {
  width: 100%;
}
.categories-grid {
  margin-top: 1em;
}
/*--about--*/
.mid1 {
  width: 80%;
  float: left;
}
.mid2 {
  float: left;
  width: 20%;
}
.bottom-about {
  margin-bottom: 2em;
}
.mid-about h2 {
  font-size: 2.5em;
}
.mid-about {
  width: 95%;
}
/*--contact--*/
.in-contact {
  margin-bottom: 1em;
}
.contact-bottom-top {
  margin: 0em 15px 0;
}
.address-grid {
  margin-bottom: 1em;
}
/*--typo--*/
h1.grid2 {
  font-size: 2.3em;
}
}
@media(max-width:640px){
.logo img{
	width:100%;
}
.logo {
  width: 30%;
}
.logo a{
  padding: 1.5em;
}
.header {
  min-height: 500px;
}
.logo {
  margin: 9em 0px 0;
}
.welcome h5 {
  font-size: 0.9em;
}
.content-welcome {
  padding: 3em 0;
}
.services {
  padding: 3em 0;
}
.grid-middle {
  padding: 3em 0 0;
}
.service-top {
  padding: 1em 0 0;
}
.grid-middle h3 {
  font-size: 2.5em;
}
.news h4 span {
  font-size: 15px;
}
.news h4 {
  font-size: 2em;
  width: 75px;
  height: 75px;
  padding: 0.3em 0 0;
}
.top-content h4 {
  font-size: 1em;
}
.top-content p {
  font-size: 1em;
}
.content-top {
  padding: 3em 0;
}
.contact-me {
  padding: 3em 0;
}
.contact-me h3 {
  font-size: 2.5em;
}
.services h2 {
  font-size: 2.5em;
}

/*--portfolio--*/
.img-top {
  padding: 0 5px;
}
.link-top h5 {
  font-size: 2em;
}
.link-top {
  width: 94%;
}
.tab_img {
  padding: 1em 0em 0;
}
.portfolio-top h1 {
  font-size: 2.5em;
}
.portfolio {
  padding: 3em 0;
}
/*--blog--*/
.blog h1 {
  font-size: 2.5em;
}
.blog {
  padding: 3em 0;
}
a.more {
  width: 64%;
  font-size: 0.9em;
}
/*--single--*/
.single-grid h4 {
  font-size: 1.5em;
}
.post-top h6 {
  font-size: 1.2em;
}
.single {
  padding: 3em 0 2em;
}
/*--about--*/
.about-top {
  padding: 3em 0;
}
.about h1 {
  font-size: 2.5em;
}
.about-middle {
  padding: 3em 0;
}
.mid-about h2 {
  font-size: 2em;
}
.about-bottom {
  padding: 3em 0;
}
/*--contact--*/
.contact {
  padding: 3em 0;
}
.contact h1 {
  font-size: 2.5em;
}
.address1 p {
  font-size: 1.5em;
}
.contact-grids {
  padding: 2em 0 0;
}
/*--typo--*/
button.btn.btn-lg {
  font-size: 1.1em;
}
h1.grid2 {
  font-size: 2em;
}
h2.grid2 {
  font-size: 1.9em;
}
h3.typo1 {
  font-size: 2.5em;
}
.page {
  margin: 2em 0;
}
}
@media(max-width:480px){
.header-top {
  padding: 1em 1em;
    width:100%;
}	
.header {
  min-height: 412px;
}
.red,.top-content {
  width: 100%;
}
.news h4 {
  margin: 0 auto;
}
.news {
  float: left;
  width: 28%;
  padding: 0;
}
.news-in {
  width: 72%;
}
.top-content h4 {
  font-size: 1.2em;
}
.top-service {
  width: 100%;
  padding: 1em 0 0;
}
.class-footer ul li a {
  font-size: 1.1em;
}
.contact-me h3,.grid-middle h3,.services h2 {
  font-size: 2em;
}
.footer {
  padding: 1em 0;
}
.contact-me,.content-top ,.services{
  padding: 2em 0;
}
.content-welcome {
  padding: 2em 0;
}
.come {
  margin-top: 1em;
  float: left;
}
.grid-middle {
  padding: 2em 0 0;
}
.top-content {
  margin-bottom: 1em;
}
.contact-top {
  padding: 2em 0;
}
.contact-fax p {
  font-size: 1em;
}
/*--portfolio--*/
.portfolio {
  padding: 2em 0;
}
.portfolio-top h1 {
  font-size: 2em;
}
.link-top h5 {
  font-size: 1.5em;
}
.link-top {
  width: 93%;
  padding: 2.5em 0 0;
}
/*--four--*/
.four {
  padding: 6em 0em 7em;
  min-height: 374px;
}
.four h1 {
  font-size: 6em;
}
/*--blog--*/
.blog {
  padding: 2em 0;
}
.blog-top {
  width: 100%;
  padding: 0 30px;
  margin: 0 0em 1em;
}
a.more {
  width: 29%;
}
.blog h1 {
  font-size: 2em;
}
/*--single--*/
.lone-line {
  padding: 1em;
}
.single-grid h4 {
  font-size: 1.2em;
}
.single-grid h4 {
  font-size: 1.2em;
}
.single-grid {
  margin: 0em 0 1.5em;
}
.single-profile {
  padding: 0 0 1.5em 0;
}
.single-profile h4,.single-bottom h3 {
  font-size: 1.5em;
}
.post-top {
  width: 50%;
  padding: 0 10px;
}
.single-bottom form {
  padding: 1em 0 0;
}
.single-bottom input[type="submit"] {
  width: 17%;
}
/*--about--*/
.about-top {
  padding: 2em 0;
}
.mid1 ,.mid2{
  width: 100%;
  float: none;
  text-align: center;
}
a.more-in {
  width: 80px;
  height: 80px;
  font-size: 1em;
}
.mid-about h2 {
  font-size: 1.7em;
}
.bottom-about ul li a {
  font-size: 0.9em;
}
.bottom-about h4 {
  font-size: 1.3em;
}
.about h1 {
  font-size: 2em;
}
.about-top-in {
  padding: 1.5em 0 0;
}
.about-bottom {
  padding: 2em 0;
}
/*--contact--*/
.contact {
  padding: 2em 0;
}
.contact-grids {
  padding: 2em 0 0;
}
.address-grid i {
  font-size: 2.8em;
}
.address1 p {
  font-size: 1.4em;
}
.address-more h2 {
  font-size: 1.5em;
}
.address {
  padding: 2em 0 0;
}
.contact h1 {
  font-size: 2em;
}
/*--typo--*/
.page-header h3 {
  font-size: 2em; 
}
button.btn.btn-lg {
  font-size: 1em;
  padding: 7px;
}
button.btn.btn-1 {
  font-size: 0.9em;
  padding: 8px;
}
button.btn.btn-sm {
  font-size: 0.8em;
  padding: 9px;
}
h1#h1-bootstrap-heading {
  font-size: 2.2em;
}
h2#h2-bootstrap-heading {
  font-size: 2em;
}
h1.grid2 {
  font-size: 1.45em;
}
h2.grid2 {
  font-size: 1.35em;
}
h3.grid2 {
  font-size: 1.3em;
}
h4.grid2 {
  font-size: 1.2em;
}
h3.typo1 {
  font-size: 2em;
}
.page {
  margin: 2em 0;
}

}
@media(max-width:320px){
.header-top {
  padding: 0.8em;
}	
.logo {
  margin: 3em 0px 0;
  width: 36%;
}
.logo a {
  padding: 0.8em;
}
.header {
  min-height: 260px;
}
.news h4 span {
  font-size: 12px;
}
.red, .top-content,.come {
  padding: 0;
}
.welcome h1,.contact-me h3, .grid-middle h3, .services h2 {
  font-size: 1.7em;
}
.welcome h5 {
  font-size: 0.87em;
}
.welcome p {
  font-size: 1em;
}
.content-welcome {
  padding: 1.5em 0;
}
.top-service p {
  font-size: 1em;
}
.service-top {
  padding: 0em 0 0;
}
.contact-me, .content-top, .services {
  padding: 1.5em 0;
}
.grid-middle {
  padding: 1.5em 0 0;
}
.news h4 {
  font-size: 1.5em;
  width: 60px;
  height: 60px;
}
.news-in p {
  font-size: 1em;
}
.news-top {
  padding: 0em 0 0;
}
.contact-top {
  padding: 1.5em 0;
}
.contact-fax p {
  font-size: 1em;
}
.contact-fax {
  padding: 0;
}
.contact-top {
  padding: 1em 0 0;
}
.class-footer ul li a {
  font-size: 1.1em;
  margin: 0 0.5em 0 0;
}
.news-in h5 {
  font-size: 1.2em;
}
.grid-middle h3 {
  margin-bottom: 0.5em;
}
.contact-fax  i {
  width: 75px;
  height: 75px;
  line-height: 3.5em;
}
.top-nav {
  width: 14%;
}
.top-nav img {
  width: 100%;
}
.right button {
  top: 6px;
}
.search {
  width: 218px;
    top: 46px;
}
.search input[type=text] {
  padding: 3px;
}
.search input[type=submit] {
  padding: 6px 10px;
  top: 7px;
}
.top-nav ul li a.color {
  padding: 0.3em 0em;
}
.top-nav ul {
  margin: 0.8em 0em;
}
.close-in {
  top: -21px;
  width: 8%;
}
.close-in img{
  width: 100%;
}
/*--portfolio--*/
.portfolio-top h1 {
  font-size: 1.7em;
}
.resp-tab-item {
  	font-size: 0.9em;
    margin: 0 0.5em 0;
}
.resp-tabs-list {
  padding: 0.5em 0 0.2em;
}
.img-top {
  padding: 0 3px;
}
.link-top h5 {
  font-size: 1em;
}
.link-top {
  padding: 1.8em 0 0;
}
.portfolio {
  padding: 1.2em 0 0;
}
/*--404--*/
.four h1 {
  font-size: 4em;
}
.four {
  padding: 4em 0em 5em;
  min-height: 264px;
}
/*--blog--*/
.blog h1 {
  font-size: 1.7em;
}
.blog-top {
  width: 100%;
  padding: 0 15px;
  margin: 0 0em 1em;
}
a.more {
  width: 45%;
  margin: 1em auto 0;
  font-size: 0.87em;
}
.blog {
  padding: 1.5em 0;
}
/*--single--*/
.single {
  padding: 1.5em 0 0.5em;
}
.col-md-8,.categories-grid {
  padding: 0;
}
.single-grid h4 {
  font-size: 1em;
}
.single-grid p {
  margin: 0.3em 0 0em;
  font-size: 1em;
}
.single-profile h4, .single-bottom h3 {
  font-size: 1.3em;
}
.single-left {
  padding: 1em 0 0;
}
.post-top {
  width: 50%;
  padding: 0 5px;
}
.post-top p {
  font-size: 1em;
  line-height: 1.5em;
}
.post-top h6 {
  font-size: 1.1em;
}
.single-bottom textarea {
  min-height: 140px;
}
.single-bottom input[type="submit"] {
  width: 24%;
}
/*--about--*/
.about-top-in {
  padding: 1em 0 0;
}
.about h1 {
  font-size: 1.5em;
}
.mid-about {
  width: 100%;
  padding: 2em 1em;
}
.mid-about h2 {
  font-size: 1.4em;
}
.mid-about p {
  font-size: 0.9em;
}
.about-middle {
  padding: 2em 0;
}
.about-bottom {
  padding: 1.5em 0;
}
.bottom-about {
  margin-bottom: 1em;
  padding: 0;
}
.bottom-about h4 {
  font-size: 1.1em;
}
.bottom-about1 {
  padding: 0;
}
.bottom-about1 iframe {
  min-height: 180px;
}
/*--contact--*/
.contact h1 {
  font-size: 1.5em;
}
.map iframe {
  min-height: 150px;
  padding: 0;
}
.contact-grids {
  padding: 1em 0 0;
}
.in-contact {
  padding: 0;
}
.contact-bottom input[type="text"] {
  padding: 0.6em;
}
.contact-bottom-top textarea {
  padding: 0.6em;
  min-height: 160px
}
.contact-bottom-top {
  margin: 0;
}
.contact-form input[type="submit"] {
  margin: 0.5em 0px 0;
}
.address {
  padding: 1em 0 0;
}
.address-more h2 {
  font-size: 1.3em;
}
.address-grid {
  padding: 0;
}
/*--typo--*/
h1#h1-bootstrap-heading {
  font-size: 1.5em;
}
h2#h2-bootstrap-heading {
  font-size: 1.4em;
}
h3#h3-bootstrap-heading {
  font-size: 1.3em;
}
button.btn.btn-lg {
  font-size: 0.9em;
  margin: 0 0 0.5em 0px;
  padding: 9px;
}
.grid1 {
  margin: 0.7em 0 0;
}
button.btn.btn-1 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
button.btn.btn-sm {
  font-size: 0.7em;
  padding: 5px;
  margin: 0 0 0.5em;
}
button.btn.btn-xs {
  font-size: 0.7em;
}
ul.nav.nav-pills a{
	padding: 0.5em;
  font-size: 0.9em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
}
.page {
   margin: 1.7em 0;
}
.page-header {
  margin: 16px 0 9px;
}
.grid2 {
  margin: 0.4em 0 0;
}
h3.typo1 {
  font-size: 1.7em;
}
.page-header h3 {
  font-size: 1.8em;
} 
}