@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: bidi-override;
}

[DIR="ltr"] {
   direction: ltr;
   unicode-bidi: embed;
}

[DIR="rtl"] {
   direction: rtl;
   unicode-bidi: embed;
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
     body {}
}





@media screen and (max-device-width: 767px) and (orientation: landscape){
	.contact-information .span-half {
    width: 50% !important;
    float: left !important;
}
.contact-information .span-half:last-child {
    margin-top: 35px;
}
	}	


/* #Tablet (Portrait)
================================================== */

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-us-control .contact-box .contact-information .blk {text-align: left;}
.fotter-wraper {width: 100%;}
.textwidget .form-control {margin-bottom: 0px;}
.post-content .post-box .box {height: 25px;}
	.container{ width: 98%; }
.bx-wrapper { margin: 0 auto 22px !important;}

/*HEADER Banner CSS  
-------------------*/

.header-banner-wraper { height:auto; overflow:hidden; position:relative;}
.header-banner { height:auto; display:block; position:relative;}

/*About
-----------*/
.home-content-box .aboutUs {width:29.4589%; }
/*product
--------------*/
.home-content-box .products .item-box .middle-contnet  {min-height:inherit;}

/*information
-------------*/
.contact-us-control .contact-box .contact-information  .span-half{ width:49%;}
.post-box{width:22%; margin:10px;}
.blog-posts-left{ width:100%; margin:0px;}
.blog-posts-right{ width:25%; float: right; text-align:left; clear:none; margin-top:10px;}
.attachment-228x157.wp-post-image{ width:100% !important;} 
.single-portfolio {
    height: 210px;
}
 }

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
.container{ width: 98%; }
.bx-wrapper { margin: 0 auto 22px !important;}

/*HEADER Banner CSS  
-------------------*/

.header-banner-wraper { height:auto; overflow:hidden; position:relative;}
.header-banner { height:auto; display:block; position:relative;}

/*About
-----------*/
.home-content-box .aboutUs {width:29.4589%; }
/*product
--------------*/
.home-content-box .products .item-box .middle-contnet  {min-height:inherit;}

/*information
-------------*/
.contact-us-control .contact-box .contact-information  .span-half{ width:49%;}

.post-box{width:21%; margin:10px;}
.blog-posts-left{ width:100%; margin:0px;}
.blog-posts-right{ width:25%; float: right; text-align:left; clear:none; margin-top:10px;}


    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 991px) {
    .post-box .item {
        height: 160px;
    }
}
    @media only screen and (max-width: 767px) {
  /*      .Navigation .menu option:nth-child(1), .Navigation .menu option:nth-child(2) {
            display: none;
        }
        .container { 
            width: 95%; 
        }
        body:before {
            background: #eaeaea;
        }
        .header {
            margin-top: 15px;
        }
        .fotter-wraper {
            margin-bottom: 15px;
        }
        .Navigation .menu select {
            background: #e71216 !important;
        }
       */

/* Mobile menu
------------------------*/
.Navigation { padding:8px; height:auto;}
.Navigation .menu { float:none; width:auto;}
.Navigation .menu  select { display:block; }
.Navigation .menu  ul { display:none; }

/*Call
------------*/
.Navigation .call-info { float:none; margin-top:10px; }


/*HEADER Banner CSS  
-------------------*/

.header-banner-wraper { height:auto; overflow:hidden; position:relative;}
.header-banner { height:auto; display:block; position:relative;}

/*About
-----------*/
.home-content-box .aboutUs { float:none; width:auto; }
.home-content-box .aboutUs .content{ padding-top:0; padding-bottom:25px;}



/*product
--------------*/
.home-content-box .products { float:none; width:auto; margin-right: 0; }
.home-content-box .products .content{ padding-top:0; padding-bottom:25px;}
.home-content-box .products .item-box .middle-contnet  {min-height:inherit;}

/*Vision
-------------*/
.home-content-box .vision {  float:none; width:auto;}
.home-content-box .vision .content{ padding-top:0px;}


/*Page
--------------*/
.page .inner .leftbar { float:none; width:auto;}
.page .inner .rightbar { float:none; width:auto; }

/*align
--------------*/
.inner-page .post-content .rightalign { float:none; margin-left:0; width:auto; max-width:100%; float:none; }
.inner-page .post-content .leftalign { float:none; margin-right:0; width:auto; max-width:100%; float:none; }



/*information
-------------*/
.contact-us-control .contact-box .contact-information  .span-half{ float:none; width:auto;}

/*google map
-------------*/
.contact-us-control .contact-box .googleMap .mapboxholder {margin-bottom: 30px;min-height: 350px;}

/*Enquiry Form
-----------------*/
.enquiry-box .enquiry-form .form p label {  float:none;display:block; width:auto; margin-bottom:8px; padding-right:0;}
.enquiry-box .enquiry-form .form .input {line-height:30px;height: 30px;width:100%; }
.enquiry-box .enquiry-form .form .textarea {width:100%; resize:none;}
.enquiry-box .enquiry-form .form .button-row .offset{ margin-left:0;}

/*Fotter
-----------------*/
.fotter-wraper .fotter .copyright{ float:none; width:auto; }
.fotter-wraper .fotter .powered{ float:none; width:auto; }
.fotter-wraper .fotter .copyright .font-style{text-align:center; padding-bottom:8px;}
.fotter-wraper .fotter .powered .font-style{text-align:center;}
.post-box { margin: 10px;width: 45%;}  
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 98%; }
		.media{ margin-right: 12px;}
		.bx-wrapper { margin: 0 auto 22px !important;}
		/* Mobile menu
------------------------*/
.Navigation { padding:8px; height:auto;}
.Navigation .menu { float:none; width:auto;}
.Navigation .menu  select { display:block; }
.Navigation .menu  ul { display:none; }

/*Call
------------*/
.Navigation .call-info { float:none; margin-top:10px; }
.wpcf7-not-valid-tip{float:left; width:100% !important; color:#FF0000; display:block; resize:none;}

/*HEADER Banner CSS  
-------------------*/

.header-banner-wraper { height:auto; overflow:hidden; position:relative;}
.header-banner { height:auto; display:block; position:relative;}

/*About
-----------*/
.home-content-box .aboutUs { float:none; width:auto; }
.home-content-box .aboutUs .content{ padding-top:0; padding-bottom:25px;}



/*product
--------------*/
.home-content-box .products { float:none; width:auto; margin-right: 0; }
.home-content-box .products .content{ padding-top:0; padding-bottom:25px;}
.home-content-box .products .item-box .middle-contnet  {min-height:inherit;}

/*Vision
-------------*/
.home-content-box .vision {  float:none; width:auto;}
.home-content-box .vision .content{ padding-top:0px;}


/*Page
--------------*/
.page .inner .leftbar { float:none; width:auto;}
.page .inner .rightbar { float:none; width:auto; }

/*align
--------------*/
.inner-page .post-content .rightalign {  margin-left:0; width:auto; max-width:100%; float:none; }
.inner-page .post-content .leftalign { margin-right:0; width:auto; max-width:100%; float:none; }
.wpcf7-not-valid-tip{float:left; width:72% !important; color:#FF0000; display:block; resize:none;}
.enquiry-form .wpcf7-response-output.wpcf7-validation-errors{ width:90%;}

/*information
-------------*/
.contact-us-control .contact-box .contact-information  .span-half{ float:none; width:auto;}

/*google map
-------------*/
.contact-us-control .contact-box .googleMap .mapboxholder {margin-bottom: 30px;min-height: 350px;}

/*Enquiry Form
-----------------*/
.enquiry-box .enquiry-form .form p label {  float:none;display:block; width:auto; margin-bottom:8px; padding-right:0;}
.enquiry-box .enquiry-form .form .input {line-height:30px;height: 30px;width:100%; }
.enquiry-box .enquiry-form .form .textarea {width:100%; resize:none;}
.enquiry-box .enquiry-form .form .button-row .offset{ margin-left:0;}

/*Fotter
-----------------*/
.fotter-wraper .fotter .copyright{ float:none; width:auto; }
.fotter-wraper .fotter .powered{ float:none; width:auto; }
.fotter-wraper .fotter .copyright .font-style{text-align:center; padding-bottom:8px;}
.fotter-wraper .fotter .powered .font-style{text-align:center;}
.Navigation .menu select{ background:#6D7264;}
.item img {width:100% !important;}  
.blog-posts-right{width: 93%;}
.post-box { margin: 10px;width: 45%;}   
.header .logo{ width:100%; text-align:center;}
.logo-area{border:none; height:avoid; line-height: 48px; height:48px; margin:0px; padding:0px; text-align:center; width:100%;}
}



@media only screen and (min-width: 320px) and (max-width: 479px) { 
.container { width: 95%;}
.media{ margin-right: 12px;}

/*Enquiry Form
-----------------*/
.enquiry-box .enquiry-form .wpcf7-form p label {  float:none;display:block; width:auto; margin-bottom:8px; padding-right:0;}
.enquiry-box .enquiry-form .wpcf7-form .input {line-height:30px;height: 30px;width:100%; }
.enquiry-box .enquiry-form .wpcf7-form .textarea {width:100%; resize:none;}
.enquiry-box .enquiry-form .wpcf7-form .button-row .offset{ margin-left:0;}
.Navigation .menu select{     background: #f58220;}
.bx-wrapper { margin: 0 auto 22px !important;}
.wpcf7-response-output.wpcf7-validation-errors{width:auto; border:1px solid #FF0000; color:#FF0000; float:right; text-align:center; }

.wpcf7-not-valid-tip{float:left; width:100% !important; color:#FF0000; display:block; resize:none;}

.wpcf7-response-output.wpcf7-mail-sent-ok { width:auto; width:1px solid #009B66; color:#009B66;float:right; text-align:center; }
.post-box {width:100%;  margin: 12px auto;}
.item img {width:100%;}
.blog-posts-right{width: 93%;}
img.attachment-228x157.wp-post-image{width:100%;}
.header .logo{ width:100%; text-align:center;}
.logo-area{border:none; height:avoid; line-height: 48px; height:48px; margin:0px; padding:0px; text-align:center; width:100%;}
}

@media only screen and (max-width: 992px){ 
.logo-area p {
    font-size: 12px;
}
.logo-area img {
    width: 100px;
}
.rightbar .wpcf7-response-output.wpcf7-validation-errors {
    color: #e61518;}
.logo-area { line-height: normal; height: auto; margin-top: 10px; }
}