@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 980px) {

.headerarea{width:100%;}
.header_area{width:100%;}
section .area{width:100%;}
.footertop_area{width:100%;}

.span3{width:165px;margin-left:15px}
.services .hexagon{position:absolute;top:26px;left:20px}
.services .hexagon .hexagon-top{border-left:62px solid transparent;border-right:62px solid transparent;border-bottom:35px solid rgba(255,255,255,0.7)}
.services .hexagon .hexagon-bottom{border-left:62px solid transparent;border-right:62px solid transparent;border-top:35px solid rgba(255,255,255,0.7)}
.services .hexagon .hexagon-middle{width:124px; padding:10px 0}
.contact_banner_area span .area{width:100%;}


/* new added */
.area1_leftborder{
     width:50%;
	 margin:5px 0px 0px 0px;
	 border:none;
	 }
	 .fix-100 {
     width:100% !important;
	 margin: 0 auto;
	 }
.ab-rt-mrg {
margin: 0 0 0 30px !important;
}	 
.mnbox {
    width: 50%;
	padding-bottom:20px;
} 
.area1 h1 {
    font-size: 22px;
    line-height: 35px;
    font-family: "Century Gothic";
    text-align: left;
}

.span3 {
    width: 25%;
    margin-left: 0px;
    padding: 20px;
}

.span3-font {
font-size: 12px !important;
margin-left: 3px !important;
}


.area1_right {
    width: 94%;
	float: none;
}

.video-height{
height: 200px !important;
}

.sm-font {
line-height: 22px !important;
text-align: left !important;
font-size: 13px !important;
}
.area1_left{width:100%; height: auto;  padding:25px;}

h1 {
padding:0;
}

h3 {
font-size: 15px !important;
line-height: 22px !important;
}

.tes p {
  padding: 0 !important;
  font-size: 12px !important;
}



.clear-part {
clear: both !important;
}

.footertop_block {
    width: 25%;
    margin: 0px auto;
    padding: 0 0 30px 20px; 
    float: left;
}


}

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

.headerarea{width:98%;}
.header_area{width:98%;}
section .area{width:98%;}
.footertop_area{width:98%;}
header nav{width:100%;}
header nav ul{float:left;}
.contact_area .area{width:100%;}
.contact_banner_area span .area{width:98%;}
.lb{ float:left; margin:0; width:100% !important; padding: 10px; text-align:left; color:#b7b6b6;}
.rb{ float:right; margin:0; width:45% !important; padding: 10px; text-align:right; color:#b7b6b6;}

/* new added */
.area1_leftborder{
     width:50%;
	 margin:5px 0px 0px 0px;
	 border:none;
	 }
	 
	 .fix-100 {
     width:100% !important;
	 }
.mnbox {
    width: 100%;
	padding-bottom:20px;
} 

.menuarea {
    margin-right: 135px;
}

.area1 h1 {
    font-size: 22px;
    line-height: 35px;
    font-family: "Century Gothic";
    text-align: left;
}

.span3 {
    width: 50%;
    margin-left: 0px;
    padding: 20px;
	margin-bottom: 50px;
}
.area1_right {
    width: 94%;
	float: none;
}



.video-height{
height: 200px !important;
}

.sm-font {
line-height: 22px !important;
text-align: left !important;
font-size: 13px !important;
}
.area1_left{width:100%; height: auto;  padding:25px;}

h1 {
padding:0;
}

h3 {
font-size: 15px !important;
line-height: 22px !important;
}

.tes p {
  padding: 0 !important;
  font-size: 12px !important;
}



.clear-part {
clear: both !important;
}

.footertop_block {
    width: 320px;
    margin: 0px auto;
    padding: 0 0 30px 50px; 
    float: left;
}

}

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

.vendors_area{width:90%;}
header nav ul li a{padding:0px 5px;}
header nav li ul a{padding:0px 0px 0px 15px;}
header nav li ul li:hover a{padding:0px 0px 0px 15px;}

}

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

.area1_left{width:100%; margin:0px auto; padding:0px; float:none;}
.area1_right{width:280px; margin:0px auto; padding:15px; float:none;}

.area2_left{width:100%; float:none;}
.area2_right{width:0%; display:none;}

.span3{width:280px; margin-left:0}
.services{margin:10px 0}
.services .hexagon{position:absolute;top:37px;left:30px;margin-left:0}
.services .hexagon .hexagon-top{border-left:110px solid transparent;border-right:110px solid transparent;border-bottom:62px solid rgba(255,255,255,0.7)}
.services .hexagon .hexagon-bottom{border-left:110px solid transparent;border-right:110px solid transparent;border-top:62px solid rgba(255,255,255,0.7)}
.services .hexagon .hexagon-middle{width:220px;padding:40px 0}

.five_column_block{width:300px; margin:0px auto; float:none; padding:0px;}
.footertop_block{width:300px; margin:0px auto; padding:0px; float:none;}
.footertop_block:first-child{margin:0% auto;}
.footertop_block:last-child{float:none;}

.three_column_block{width:100%; float:none;}
.three_column_block:first-child{margin-right:0%;}
.three_column_block:last-child{float:none;}
.five_column_in_block{width:300px; margin:0px auto; float:none; padding:0px;}
.portfolio_three_column_block{width:300px; margin:0px auto; float:none; padding:0px;}

.vendors_area{width:100%;}
.contact_area_right{width:100%; float:right;}
.contact_area_right .hexagon{padding:0px; margin:0px auto; width:320px;}
.contact_area_right .hexagon .hexagon-top{border-left:160px solid transparent; border-right:160px solid transparent; border-bottom:80px solid; width:0; border-bottom-color:/*rgba(0,0,0,0.7)*/#333333;}
.contact_area_right .hexagon .hexagon-middle{width:320px; height:auto !important; background-color:/*rgba(0,0,0,0.7)*/#333333; padding:10px;}
.contact_area_right .hexagon .hexagon-middle_left{width:300px; padding-right:0px; margin:0px; float:none; border-right:0px solid #414141; text-align:left;}
.contact_area_right .hexagon .hexagon-middle_right{width:300px; padding:0px; margin:0px; float:none; text-align:left;}
.contact_area_right .hexagon .hexagon-bottom{border-left:160px solid transparent; border-right:160px solid transparent; border-top:80px solid; width:0; border-top-color:/*rgba(0,0,0,0.7)*/#333333;}



/* new added */
.area1_leftborder{
     width:50%;
	 margin:5px 0px 0px 0px;
	 border:none;
	 }
	 
	 
.mnbox {
    width: 100%;
	padding-bottom:20px;
} 
.area1 h1 {
    font-size: 22px;
    line-height: 35px;
    font-family: "Century Gothic";
    text-align: left;
}

.span3 {
    width: 50%;
    margin-left: 0px;
    padding: 20px;
	margin-bottom: 50px;
}
.area1_right {
    width: 94%;
}

.video-height{
height: 200px !important;
}

.sm-font {
line-height: 22px !important;
text-align: left !important;
font-size: 13px !important;
}
.area1_left{width:100%; height: auto;  padding:25px;}

h1 {
padding:0;
}

h3 {
font-size: 15px !important;
line-height: 22px !important;
}

.tes p {
  padding: 0 !important;
  font-size: 12px !important;
}


.clear-part {
clear: both !important;
}

.footertop_block {
    width: 300px;
    margin: 0px auto;
    padding: 0 0 30px 50px; 
    float: left;
}

.service-tile-h {
font-size: 11px !important;
}

.five_column_block {
    width: 153px;
    margin: 0px auto;
    float: left;
    padding: 0px;
}
.five_column_in_block {
    width: 150px;
    margin: 0px auto;
    float: left;
    padding: 0px;
}
.vendor_right {
    float: left !important;
    width: 100% !important;
    padding: 0px 0px 35px;
}

.menuarea {
    margin-right: 135px;
}


}

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

.footer_smedia{width:100%; padding:0px; margin:0px auto;}	

.header_right{width:100%; padding:/*15px 0px 15px 0px*/0px; float:none;}
.ph_no{float:none; width:240px; margin:auto;}
.s_media{float:none; width:240px; margin:auto;}
.facebook_like{float:none; width:188px; margin:auto}
.mfont-size nav ul li {font-size:9px !important;}

.copyrightd_new{ width:100% !important; float:left !important; clear: both; margin:0; padding:0px 10px 0px 0px; font-size:10px; text-align:center;}

/* new added */
.area1_leftborder{
     width:100%;
	 margin:5px 0px 0px 0px;
	 border:none;
	 }
.mnbox {
    width: 100%;
	padding-bottom:20px;
} 
.area1 h1 {
    font-size: 22px;
    line-height: 35px;
    font-family: "Century Gothic";
    text-align: left;
}


.area1_right {
    width: 94%;
}

.video-height{
height: 200px !important;
}

.sm-font {
line-height: 22px !important;
text-align: left !important;
font-size: 13px !important;
}
.area1_left{width:100%; height: auto;  padding:25px;}

h1 {
padding:0;
}

h3 {
font-size: 15px !important;
line-height: 22px !important;
}

.tes p {
  padding: 0 !important;
  font-size: 12px !important;
}



.clear-part {
clear: both !important;
}

.popup_div-dialog {
    background: #FEFEFE none repeat scroll 0% 0%;
    border: 1px solid #333;
    border-radius: 5px;
    margin-left: -200px;
    position: fixed;
    left: 67%;
    top: -100%;
    z-index: 1000;
    width: 290px;
    transform: translate(0px, -500%);
    transition: transform 0.3s ease-out 0s;
}

.popup_div:target .popup_div-dialog, .popup_div.loaded .popup_div-dialog {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0);
                top: 2%;
            }
			
.popup_div-body input {
    width: 100%;
    padding: 4px;
    margin-bottom: 5px;
    font-size: 12px;
}

.box-padding {
font-size: 13px !important;
}

.about-ul {
width:100% !important;
}

.isomatic {
padding-top:50px;
padding-bottom:50px;
}



			
.service_blockimg {
    width: 100%;
}
.service_content {
    width: 85%;
    padding: 25px;
}

.service-tile {
    width: 75%;
    padding-top: 20px;
}

.client_left{width:90%; margin:10px 0 0 20px !important; float:none !important; padding:0px; text-align:center;}
.client_right{width:90%; margin:10px 0 0 20px !important; float:none !important;  padding:0px; text-align:center;}



.footertop_area a {

    clear: both;
	font-size:10px;
	padding-bottom:3px;
}




.logo img {
    border: medium none;
	padding: 5px;
}




}