/* =RESPONSIVE STRUCTURE
----------------------------------------------- */


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

.logo{
	width: 300%;
	height: 390%;
	}

.table-cal{
		 margin-bottom: 2px;
                margin-top: 2px;
		margin-left:18px;
                margin-right: 0px;
		width:auto;
                font-size:12.5px;
           flex-wrap: wrap;
           }
}

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

.logo{
	width: 300%;
	height: 390%;
	}

.table-cal{
		margin-bottom: 2px;
                margin-top: 2px;
		margin-left:24px;
                margin-right: 0px;
		width:30%;
                font-size:12.5px;
           	
          }
	
	
}

@media screen and (max-width: 1280px) {
.table-cal{
		margin-bottom: 2px;
                margin-top: 2px;
		margin-left:24px;
                margin-right: 0px;
		width:30%;
                font-size:12px;
          }
	
.search-form-top {
	top: 159px;
	
 }
.logo{
	width: 300%;
	height: 390%;
	}
.main-navigation ul li {
	padding-right: 15px;
	font-size: 14px;
                     }
.header-logo-image {
	float: left;
	padding-top: 8px;
                   }
	#page {
		width: 97%;
	     }
	.wide #page {
		width: 100%;
            	}
	.wide .slider-text-wrap {
		left: 5%;
                	}
	.inner-wrap {
		width: 94%;
          	}
}

@media screen and (max-width: 1044px) {
.table-cal{
		margin-bottom: 2px;
                margin-top: 2px;
		margin-left:24px;
                margin-right: 0px;
		width:30%;
                font-size:12px;
			
           }
.search-form-top {
	top: 129px;
	width: 298px;
	right: 48%; 
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
.logo{
	width: 90%;
	/*height: 90%;*/
	}
	.header-logo-image {
	float: left;
	padding-top: 8px;
                }
	.hgroup-wrap {
		padding-top: 0;
		padding-bottom: 10px;
  	}
	.site-branding {
		max-width: 80%;
	}
	.hgroup-wrap-right {
		float: none;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 30px;
		right: 48px;
		position: absolute;
	}
	.menu-toggle:before{
		color: #ED564B;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 22px;
		position: absolute;
	}
	.nav-menu {
		clear: both;	
	}
	.nav-menu > ul > li > a, .menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	.nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}
	#slider-content {
		max-width: 70%;
	}
	.widget-recent-work .tg-one-fourth {
		width: 48.466258%;
	}
	.widget-recent-work .tg-column-1,
	.widget-recent-work .tg-column-3 {
		float: left;
	}
	.widget-recent-work .tg-column-2,
	.widget-recent-work .tg-column-4 {
		float: right;
		margin-right: 0;
	}
	
	.search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}
}

@media screen and (max-width: 812px) {
.table-cal{
		margin-bottom: 3px;
                margin-top: 3px;
		margin-left:24px;
                margin-right: 2px;
		width:28%;
                font-size:12px;
	}
	
	.search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}
	
.search-form-top {
	top: 129px;
	width: 298px;
	right: 90%; 
		
   }
	
	button {
	width:35%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
	
}
/*
@media screen and (max-width: 768px) {
.table-cal{
		margin-bottom: 3px;
                margin-top: 3px;
		margin-left:24px;
                margin-right: 2px;
		width:28%;
                font-size:12px;
			
       }
.search-form-top {
	position: absolute;
	top: 125px;
	left: 10px;
	width: 35%;
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet 
}
	.header-logo-image {
	float: left;
	padding-top: 8px;
    }
	.hgroup-wrap {
		padding-top: 0;
		padding-bottom: 10px;
	}
	.site-branding {
		max-width: 80%;
	}
	.hgroup-wrap-right {
		float: none;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 30px;
		right: 48px;
		position: absolute;
	}
	.menu-toggle:before{
		color: #ED564B;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 22px;
		position: absolute;
	}
	.nav-menu {
		clear: both;	
	}
	.nav-menu > ul > li > a, .menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	.nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}
	#slider-content {
		max-width: 70%;
	}
	.widget-recent-work .tg-one-fourth {
		width: 48.466258%;
	}
	.widget-recent-work .tg-column-1,
	.widget-recent-work .tg-column-3 {
		float: left;
	}
	.widget-recent-work .tg-column-2,
	.widget-recent-work .tg-column-4 {
		float: right;
		margin-right: 0;
	}
	
	.search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}
}
*/
@media screen and (max-width: 768px) {	
.header-logo-image {
	float: left;
	padding-top: 8px;
    }
.search-form-top {
	top: 185px;
	width: 298px;
	right: 30%; 
  }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
.nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}

	#primary, #secondary {
		float: none;
		width: 100%;
	}
	.tg-one-third {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.call-to-action-text, .call-to-action-button {
		float: none;
		width: 100%;
		text-align: center;
	}
	.search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}
}

@media screen and (max-width: 667px) {
.table-cal{
	    margin-bottom: 3px;
                margin-top: 3px;
		margin-left:12px;
                margin-right: 0px;
		width:30%;
                font-size:12px;
	  }
	.search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}
	
.search-form-top {
		top: 219px;
	width: 298px;
	right: 26%; 
	
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
	
}

@media screen and (max-width: 640px) {
.table-cal{
	    margin-bottom: 3px;
                margin-top: 3px;
		margin-left:4px;
                margin-right: 0px;
		width:30%;
                font-size:12px;
	  }
	
.search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}	
	
.search-form-top {
	top: 216px;
	width: 298px;
	right: 25%; 
	
   }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
	.promo-wrap {
		float: none;
		text-align: center;
		width: 100%;
	}
	.promo-action {
		float: none;
		text-align: center;
		display: block;
	}
	.promo-title {
		font-size: 20px;
	}
	.promo-text {
		font-size: 12px;
	}
}


@media screen and (max-width: 600px) {
.table-cal{
		
margin-left: 10px;
		width:95%;
		
			
   }
.nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 12px;
		padding: 10px 0;
		width: 100%;
	}
 .search-form-top {
		top: 214px;
	width: 298px;
	right: 23%; 
	
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
	.header-logo-image {
	float: left;
	padding-top: 8px;
   }
	.logo{
	width: 85%;
	/*height: 70%;*/
	}	

	
	#slider-content {
		display: none;
	}
	#slider-title {
		font-size: 18px;
	}
	#controllers {
		bottom: 5px;
	}
	#controllers a {
		height: 4px;
		margin: 0 3px;
		width: 12px;
	}
	.promo-wrap {
		float: none;
		text-align: center;
		width: 100%;
	}
	.promo-action {
		float: none;
		text-align: center;
		display: block;
	}
	.promo-title {
		font-size: 20px;
	}
	.promo-text {
		font-size: 12px;
	}
	.widget_testimonial .tg-one-half {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	.widget_testimonial .tg-one-half-last {
		padding-bottom: 0;
	}	
	.image-icon-wrap {
		top: 35%;
	}
	.mask .img-icon {
		font-size: 18px;
	}
}

@media screen and (max-width: 540px) {
   .table-cal{
	margin-left: 10px;
	width:95%;
   }
   .nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 12px;
		padding: 10px 0;
		width: 100%;
	}
     .search-form-top {
	top: 214px;
	width: 298px;
	right: 20%; 
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
    .header-logo-image {
	float: left;
	padding-top: 8px;
    }
	.logo{
	width: 85%;
	/*height: 70%;*/
	}	
    .search-top {
		margin: 0;
		padding: 7px;
		top: 32px;
	}
	#slider-content {
		display: none;
	}
	#slider-title {
		font-size: 18px;
	}
	#controllers {
		bottom: 5px;
	}
	#controllers a {
		height: 4px;
		margin: 0 3px;
		width: 12px;
	}
	.promo-wrap {
		float: none;
		text-align: center;
		width: 100%;
	}
	.promo-action {
		float: none;
		text-align: center;
		display: block;
	}
	.promo-title {
		font-size: 20px;
	}
	.promo-text {
		font-size: 12px;
	}
	.widget_testimonial .tg-one-half {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	.widget_testimonial .tg-one-half-last {
		padding-bottom: 0;
	}	
	.image-icon-wrap {
		top: 35%;
	}
	.mask .img-icon {
		font-size: 18px;
	}
   .header-logo-image {
	float: left;
	padding-top: 8px;
    }

    .nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}

	#primary, #secondary {
		float: none;
		width: 100%;
	}
	.tg-one-third {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.call-to-action-text, .call-to-action-button {
		float: none;
		width: 100%;
		text-align: center;
	}
}


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

	.table-cal{
		margin-left: 8px;
		width:95%;
	}
.search-form-top {
    top: 213px;
	width: 298px;
	right: 18%; 
	
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
   .nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 12px;
		padding: 10px 0;
		width: 100%;
	}
}	

@media screen and  (max-width: 414px) {
	.logo{
	width: 75%;
		}	
   .nav-menu li a {
		border-bottom: 1px dotted #8c0b07;
		color: #4f4a4a;
		display: block;
		font-size: 12px;
		padding: 10px 0;
		width: 100%;
	}
	
.search-form-top {
	 top: 225px;
	width: 298px;
	right: 12%; 
	
    }
	
	button {
	width:40%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
	.widget-recent-work .tg-one-fourth {
		width: 100%;
		float: left;
		
    }
	   .menu-toggle {
		margin-top: 32px;
		right: 48px;
		position: absolute;
	}
    .table-cal{
		margin-left: 10px;
		width:95%;
	}
}

@media screen and (max-width: 384px) {
.table-cal{
		margin-left: 8px;
		width:95%;
	}
	

    .search-form-top {
	top: 224px;
	width: 298px;
	right: 7%; 
	
    }
}

@media screen and (max-width: 360px) {
.table-cal{
		margin-left: 8px;
		width:95%;
	}
	

    .search-form-top {
	top: 224px;
	width: 264px;
	right: 10%; 
	
	}
	#masthead input.s {
	width: 180px;
   }
	button {
	width:35%;
	line-height: normal;/*line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
	
}
@media screen and (max-width: 320px) {

	

    .search-form-top {
	top: 224px;
	width: 264px;
	right: 5%; 
	
	}
	#masthead input.s {
	width: 180px;
   }
	
}