/* css file footer tabs */

/*a:hover {
    text-decoration: underline;
}*/

.main-btn {
    width: 100%;
    margin-top: 15px;
}

.main-btn2 {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

.button-tabs-1 {
    float: left;
    margin-left: 205px;
    margin-right: 0px;
    margin-top: 15px;
    width: 13%;
}


.button-tabs-2 {
    float: left;
    margin-right: 0px;
    margin-top: 15px;
    width: 18%;
}


.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width: 20%;
}

.button-tabs-4 {
    float: left;
    width: 17%;
    margin-top: 15px;
}


/* added on 21.08.2017 */

/*.button-tabs-3 {
	float: left;
	margin-right: -2px;
	margin-top: 15px;
	width: 20%;
} 


.button-tabs-4 {
	float: left;
	width:17%;
	margin-top:15px;
}


.button-tabs-1 {
	float: left;
	margin-left: 205px;
	margin-right: 0px;
	margin-top: 15px;
	width: 13%;
}


.button-tabs-2 {
	float: left;
	margin-right: 0px;
	margin-top: 15px;
	width: 18%;
}*/

/* end of added on 21.08.2017 */




/* added whole media queries footer tabs on 21.08.2017*/



/* css for Associates page */

.associates-imgaes1{
float:left;
width:33.33%;
margin-top:5%;
padding:5px;
}

.associates-imgaes2{
float:left;
width:33.33%;
margin-top:5%;
margin-left:12%;
padding:5px;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */


/* css for about-jerai-classic-gallery.html */



.meta-info-al-1 {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-left: 6px;
    text-transform: uppercase;
	float:left;
}


.meta-info-al-1 > a, .meta-info-al-1 > span, .meta-info-al-1 > time {
    color: #000;
    padding: 8px 10px;
    transition: all 0.2s ease 0s; 
	background:white; 
	border-radius:4px; 
	height:30px;
	
}

.item-image-al-1 {
    display: block;
    overflow: hidden;
    position: relative;
}


.item-meta-al-1 {
    background-color: #f65e13;
    background-image: url("images/pattern.png");
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 9px 10px;
    position: relative; 
	height:45px; 
	
}

/* End of css for about-jerai-classic-gallery.html */

/*.logo2 {
    position:relative;
	left:43%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}*/

@media (max-width:1199px){

.button-tabs-1 {
    float: left;
    margin-left:3%!important; /* changed from 0px to 2% added on 21.08.2017 */
    margin-right: 0;
    margin-top: 15px;
    width:16%!important;
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 23%!important;
	margin-left:3%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
   width: 24%!important;
    margin-left:3%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
   width: 21%!important;
    margin-left:3%!important; /* added on 21.08.2017 */
}

.main-btn {
    float: none;
    margin: 0 auto;
    width: 100%!important;
}


.main-btn2 {
    margin: 15px auto 0;
    width: 90!important%;
}
.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:100%; /* added on 21.08.2017 */

} 

.grid_6a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

/*
.logo2 {
    position:relative;
	left:38%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}
*/


}

/* End of added whole media queries footer tabs on 21.08.2017*/



/* added whole media queries footer tabs on 21.08.2017*/


@media (max-width: 1024px) {

.button-tabs-1 {
    float: left;
    margin-left:3%!important; /* changed from 0px to 2% added on 21.08.2017 */
    margin-right: 0;
    margin-top: 15px;
    width:16%!important;
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 23%!important;
	margin-left:3%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
   width: 24%!important;
    margin-left:3%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
   width: 21%!important;
    margin-left:3%!important; /* added on 21.08.2017 */
}

.grid_6a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

.main-btn {
    float: none;
    margin: 0 auto;
    width: 100%!important;
}


.main-btn2 {
    margin: 15px auto 0;
    width: 90!important%;
}
.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:100%; /* added on 21.08.2017 */

} 

/*
.logo2 {
    position:relative;
	left:16%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}
*/



}


@media (max-width: 991px) {


.button-tabs-1 {
    float: left;
    margin-left:0px!important;
    margin-right: 0;
    margin-top: 15px;
    width:45%!important; /* changed from 22% to 40% on 21.08.2017 */
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 45%!important; /* changed from 31% to 50% on 21.08.2017 */
	margin-left:5%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width:45%!important; /* changed from 34% to 40% on 21.08.2017 */
	margin-left:0%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
    width: 45%!important; /* changed from 30% to 50% on 21.08.2017 */
    margin-left:5%!important; /* added on 21.08.2017 */
}

.main-btn {
    float: none;
    margin: 0 auto;
    width: 100%!important;
}


.main-btn2 {
    margin: 15px auto 0;
    width: 90%!important;
}
.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:100%; /* added on 21.08.2017 */

}

.grid_6a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

/*
.logo2 {
    float: right;
    margin: 0 0 15px;
    padding: 15px 0 0;
    width: 38%;
}*/


/*
.logo2 {
    position:relative;
	left:5%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}
*/


}


/* added for jerai strongman naviagtion responsive onwards 963px */

@media (max-width: 1199px){

.site-navigation ul {
    list-style: none;
    font-size: 14px;
    margin: 0;
    margin-left: 15%;
}

}


/* End of added whole media queries footer tabs on 21.08.2017*/


@media (max-width: 800px) {

.button-tabs-1 {
    float: left;
    margin-left:0px!important;
    margin-right: 0;
    margin-top: 15px;
    width:45%!important; /* changed from 22% to 40% on 21.08.2017 */
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 45%!important; /* changed from 31% to 50% on 21.08.2017 */
	margin-left:5%!important;;
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width:45%!important; /* changed from 34% to 40% on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
    width: 45%!important; /* changed from 30% to 50% on 21.08.2017 */
    margin-left:5% !important;;
}

.main-btn {
    float: none;
    margin: 0 auto;
    width: 100%!important;
}


.main-btn2 {
    margin: 15px auto 0;
    width: 90%!important;
}
.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:100%; /* added on 21.08.2017 */

}


.grid_6a{
width:auto!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:auto!important; /* added for footer text on 21.08.2017 */
}


/*
.logo2 {
    position:relative;
	left:5%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}
*/


}


@media (max-width: 768px) {

.button-tabs-1 {
    float: left;
    margin-left:0px!important;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 22% to 100%;*/
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 33% to 100%;*/
	margin-left:0%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 34% to 100%;*/
	margin-left:0%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 30% to 100%;*/
	margin-left:0%!important; /* added on 21.08.2017 */
}

.main-btn {
    float: none;
    margin: 0 auto;
    width: 100%!important;
}


.main-btn2 {
    margin: 15px auto 0;
    width: 90%!important;
}
.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:100%;

}

/*added on 21.08.2017 for footer text*/
/*
.site-info span {
    margin: 0 88px;
} */

.grid_6a{
width:auto!important;
}

.grid_7a{
width:auto!important;
}

/*complete of added on 21.08.2017 for footer text */

/*
.logo2 {
    position:relative;
	left:5%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}
*/

/* css for Associates page */

.associates-imgaes1{
float:none;
width:60%;
margin-top:10%;
padding:5px;
margin:0 auto;
}

.associates-imgaes2{
float:none;
width:60%;
margin-top:10%;
margin-left:12%;
padding:5px;
margin:0 auto;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */


}

/* added whole media queries for footer text */
@media (max-width:767px){

/*added on 21.08.2017 for footer text*/

.site-info span {
    margin: 0 88px;
} 
/*
.logo2 {
    float: right;
    margin: 0 0 15px;
    padding: 15px 0 0;
    width: 90%;
}*/


.logo{
 float:none!important;
 }

.logo2 {
    float:none!important;
	text-align:center; 
	display:none!important;
}

.grid_6a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:560px!important; /* added for footer text on 21.08.2017 */
}


/*complete of added on 21.08.2017 for footer text */


/* css for Associates page */

.associates-imgaes1{
float:none;
width:60%;
margin-top:10%;
padding:5px;
margin:0 auto;
}

.associates-imgaes2{
float:none;
width:60%;
margin-top:10%;
margin-left:12%;
padding:5px;
margin:0 auto;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */



}

/* End of  added whole media queries for footer text */


@media (max-width: 640px) {

.button-tabs-1 {
    float: left;
    margin-left:0px!important;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important;
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important;
	margin-left:0%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width: 100%!important;
    margin-left:0%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
    width: 100%!important;
    margin-left:0%!important; /* added on 21.08.2017 */
}

.main-btn {
    float: none;
    margin: 0 auto;
    width: 72%!important;
}


.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:100%;  /* added on 21.08.2017 */

} 

/*added on 21.08.2017 for footer text*/

.site-info span {
    margin: 0 88px;
} 

/*complete of added on 21.08.2017 for footer text */ 



.grid_6a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:560px!important; /* added for footer text on 21.08.2017 */
}


/*
.logo2 {
    position:relative;
	left:20%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}*/

/* css for Associates page */

.associates-imgaes1{
float:none;
width:60%;
margin-top:10%;
padding:5px;
margin:0 auto;
}

.associates-imgaes2{
float:none;
width:60%;
margin-top:10%;
margin-left:12%;
padding:5px;
margin:0 auto;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */



}


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

.button-tabs-1 {
    float: left;
    margin-left:0px!important;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 38% to 100%;*/
	text-align:center; /* added on 21.08.2017 */
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 55% to 100%;*/
	text-align:center; /* added on 21.08.2017 */
    margin-left:0%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 59% to 100%;*/
    text-align:center; /* added on 21.08.2017 */
	margin-left:0%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
    width: 100%!important; /* changed on 21.08.2017 from 52% to 100%;*/
    text-align:center; /* added on 21.08.2017 */
	margin-left:0%!important; /* added on 21.08.2017 */
}

.main-btn {
    float: none;
    margin: 0 auto;
   /* width: 100%!important; -- commented on 21.08.2017 */ 
}

.main-btn2 {
    margin: 15px auto 0;
    width: 100% !important;
}
.

.button_example
{
text-align:center; 
line-height:20px; 
padding:10px;
width:70%;  /* added on 21.08.2017 */

}

/*added on 21.08.2017 for footer text*/

.site-info span {
    margin: 0 88px;
} 

/*complete of added on 21.08.2017 for footer text */ 
/*
.logo2 {
    float: none;
    margin: 0 auto;
    padding: 15px 0 0;
    width: 77%!important; /* changed from 67% to 77% on 21.08.2017 
}*/


.grid_6a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

/*
.logo2 {
    position:relative;
	left:12%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}
*/

/* css for Associates page */

.associates-imgaes1{
float:none;
width:60%;
margin-top:10%;
padding:5px;
margin:0 auto;
}

.associates-imgaes2{
float:none;
width:60%;
margin-top:10%;
margin-left:12%;
padding:5px;
margin:0 auto;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */


}




@media only screen and (min-width: 320px) and (max-width: 480px) {

.button-tabs-1 {
    float: left;
    margin-left:0px!important;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important;
}
.button-tabs-2 {
    float: left;
    margin-right: 0;
    margin-top: 15px;
    width: 100%!important;
	margin-left:0%!important; /* added on 21.08.2017 */
}

.button-tabs-3 {
    float: left;
    margin-right: -2px;
    margin-top: 15px;
    width: 100%!important;
	margin-left:0%!important; /* added on 21.08.2017 */
}
.button-tabs-4 {
    float: left;
    margin-top: 15px;
    width: 100%!important;
    margin-left:0%!important; /* added on 21.08.2017 */
}


.main-btn {
    float: none;
    margin: 0 auto;
    width: 72%!important;
}


/*added on 21.08.2017 for footer text*/

.site-info span {
    margin: 0 37px;
} 

.grid_6a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

/*complete of added on 21.08.2017 for footer text */

/*
.logo2 {
    position:relative;
	left:10%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}

*/

/* css for about-jerai-classic-gallery.html */



.meta-info-al-1 {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-left: 6px;
    text-transform: uppercase;
	float:left;
	margin-top:12px;
}




.item-meta-al-1 {
    background-color: #f65e13;
    background-image: url("images/pattern.png");
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 9px 10px;
    position: relative; 
	height:100px; 
	
}

/* End of css for about-jerai-classic-gallery.html */

/* css for Associates page */

.associates-imgaes1{
float:none;
width:60%;
margin-top:10%;
padding:5px;
margin:0 auto;
}

.associates-imgaes2{
float:none;
width:60%;
margin-top:10%;
margin-left:12%;
padding:5px;
margin:0 auto;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */


}

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


/*added on 21.08.2017 for footer text*/

.site-info span {
    margin: 0 20px;
} 

.grid_6a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

.grid_7a{
width:560px!important; /* added for footer text on 21.08.2017 */
}

/*complete of added on 21.08.2017 for footer text */

/*
.logo2 {
    position:relative;
	left:3%;
    margin: 0 0 15px;
    padding: 15px 0 0;
}*/

/* css for about-jerai-classic-gallery.html */



.meta-info-al-1 {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-left: 6px;
    text-transform: uppercase;
	float:left;
	margin-top:12px;
}




.item-meta-al-1 {
    background-color: #f65e13;
    background-image: url("images/pattern.png");
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 9px 10px;
    position: relative; 
	height:100px; 
	
}

/* End of css for about-jerai-classic-gallery.html */


/* css for Associates page */

.associates-imgaes1{
float:none;
width:60%;
margin-top:10%;
padding:5px;
margin:0 auto;
}

.associates-imgaes2{
float:none;
width:60%;
margin-top:10%;
margin-left:12%;
padding:5px;
margin:0 auto;
}


.associates-img{
display:block;
width:100%;
height:auto;
}

/* End of css for Associates page */


}