.mobaile_fetured_only{display:none;}
.bigdevice_only{display:block;}
.left_sidebar{position:relative;}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px){
.column {width:750px;
}
.header_top{
min-height:30px;
width:532px;
}
.header_top input[type="text"]{
background-color:#fff;
border:0 none;
font-size:10px;
height:18px;
margin-right:5px;
margin-top:6px;
width:190px;
}
.header_top input[type="submit"]{
background:url("img/icoSearch.png") no-repeat scroll -3px -3px rgba(0, 0, 0, 0);
border:medium none;
height:18px;
margin-right:15px;
text-indent:-99999px;
width:18px;
}
.header_cover img{
height:290px;
width:70px;
}
.header_cover{
float:left;
left:-6px;
position:absolute;
top:0;
z-index:9;
}
#owl-demo .item img{
display:block;
height:260px;
overflow:hidden;
}
.slider_bottom_welcome_area{
background:url("img/bgHomeContent.jpg") no-repeat scroll 0 0 #fff  rgba(f, f, f, 0);
border-top:1px solid #000;
margin-left:5px;
margin-top:-11px;
padding:40px 25px 40px 95px;
width:527px;
overflow:hidden;
}
.sidebar_menu ul#nav li a{
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
.sidebar_menu ul#nav li{
padding:3px;
width:200px;
background:#fff;
}
.left_content{
background:url("img/bgSidebar.gif") no-repeat scroll -75px -65px rgba(0, 0, 0, 0);
height:290px;
width:29%;
z-index:2;
}
.sidebar_menu ul#nav li ul{
/*border-radius*/
-webkit-border-radius:0 29px 0 0;
   -moz-border-radius:0 29px 0 0;
        border-radius:0 29px 0 0;
overflow:hidden;
width:217px;
}
.sidebar_menu ul#nav li ul li{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom:1px solid #fff;
border-top:0 none;
margin-left:45px;
text-align:left;
width:150px;
}
.sidebar_menu ul#nav li:nth-child(7n+1){
background:url(img/abouts.gif) no-repeat scroll -40px 0;
}
.sidebar_menu ul#nav li:nth-child(7n+2){
background:url(img/service.gif) no-repeat scroll -40px 0;
}
.sidebar_menu ul#nav li:nth-child(7n+3){
background:url(img/project.gif) no-repeat scroll -40px 0;
}
.sidebar_menu ul#nav li:nth-child(7n+4){
background:url(img/Clients.gif) no-repeat scroll -40px 0;
}
.sidebar_menu ul#nav li:nth-child(7n+5){
background:url(img/products.gif) no-repeat scroll -40px 0;
}
.sidebar_menu ul#nav li:nth-child(7n+6){
background:url(img/careers.gif) no-repeat scroll -40px 0;
}
.sidebar_menu ul#nav li:nth-child(7n+7){
background:url(img/Contact_us.gif) no-repeat scroll -40px 0;
}
/* Drop Down */
.sidebar_menu ul#nav li ul li:nth-child(7n+1){
background:none;
}
.sidebar_menu ul#nav li ul li:nth-child(7n+2){
background:none;
}
.sidebar_menu ul#nav li ul li:nth-child(7n+3){
background:none;
}
.sidebar_menu ul#nav li ul li:nth-child(7n+4){
background:none;
}
.sidebar_menu ul#nav li ul li:nth-child(7n+5){
background:none;
}
.sidebar_menu ul#nav li ul li:nth-child(7n+6){
background:none;
}
.sidebar_menu ul#nav li ul li:nth-child(7n+7){
background:none;
}
.slider_welcome h2{
color:#fff;
margin-bottom:30px;
margin-top:0;
font-size:22px;
font-weight:bold;
}
.slider_welcome p{
font-size:11px;
}
.slider_welcome h3{
font-size:20px;
}
.slider_welcome h4{
font-size:10px;
}
.footer_menu ul li a{
font-size:10px;
padding:10px;
}
/* welcome Template css */

/* Right sidebar left bottom */
.fetured_project_area{
margin-left:-221px;
margin-top:38.8%;
width:220px;
}
.fetured_project_area{
border-top:1px solid #333333;
display:inline-block;
float:left;
margin-left:-240px;
margin-top:38.6%;
min-height:789px;
overflow:hidden;
padding-top:50px;
width:235px;
}
/*Service page */

.slider_bottom_welcome_area_service{
width:100%;
}
.header_cover_service img{
height:218px;
width:60px;
}
.service_right_email ul{
padding:5px;
}
.service_right_email ul li a{
font-size:10px;
}
/*Project Page css */
.our_single_project h3{
font-size:16px;
}
/*Product page css */

.project_filter ul{
margin-left:60px;
}
.single_project{
width:30%;
}

.mobaile_fetured_only{display:none;}
.bigdevice_only{display:block;}
}



/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px){
.column {width:300px;
}
/*.slicknav_menu{
display:block;
}
*/
.slicknav_menu{
display:block;
float:right;
position:absolute;
right:0px;
top:0px;
width:195px;
z-index:3;
height:40px;
}
.slicknav_btn{
margin:0px 5px 6px !important;
background-color:#4397C2;
}
.logo a img{
width:35%;
}
.left_content{
background:none;
display:block;
margin-left:0px;
text-align:left;
width:100%;
z-index:2;

}
.left_sidebar{
background-color:#f4f4f4;
}
.sidebar_menu{
margin-top:0;
padding-bottom:2px;
display:none;
}
.sidebar_menu ul#nav li{
padding:2px;
}
.sidebar_menu ul#nav li ul{
left:155px;
width:200px;
/*border-radius*/
-webkit-border-radius:0px 30px 0px 0px;
   -moz-border-radius:0px 30px 0px 0px;
        border-radius:0px 30px 0px 0px;
}
.sidebar_menu ul#nav li a{
font-size:8px !important;
}
.sidebar_menu ul#nav li ul li{
width:100% !important;
}
.sidebar_menu ul#nav li ul li a{
color:#fff;
font-size:7px !important;
text-transform:none;
}
.right_content{
background:none repeat scroll 0 0 #fff;
display:block;
width:100%;
}
.header_area{
position:relative;
margin-top:20px;
}
.header_top{
background:url("img/bgSearch.png") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
min-height:25px;
overflow:hidden;
text-align:right;
width:100%;
}
.header_top input[type="text"]{
background-color:#fff;
border:0 none;
font-size:6px;
height:15px;
margin-right:5px;
margin-top:5px;
width:110px;
}
.header_top input[type="submit"]{
background:url("img/icoSearch.png") no-repeat scroll -5px -5px rgba(0, 0, 0, 0);
border:medium none;
height:14px;
line-height:6px;
margin-right:5px;
margin-top:0;
text-indent:-99999px;
width:14px;
margin-bottom:0px;
display:inline-block;
overflow:hidden;
}
.header_cover_service img{
width:0px;
height:0px;
}
#owl-demo .item img{
display:block;
height:135px;
overflow:hidden;
}
.slider_bottom_welcome_area_service{
background:url("img/serviceimg/bgContent.gif") no-repeat scroll 0 0 / 100% auto #fff;
padding:25px 15px 20px 25px;
width:100%;
}
.slider_welcome h2{
color:#fff;
font-size:22px;
margin-bottom:0;
margin-top:0;
}
.email_service{
margin-bottom:20px;
}
.service_right_email ul{
padding:2px;
}
.service_right_email ul li{
border-right:1px solid #fff;
display:inline;
float:left;
height:8px;
line-height:4px;
}
.service_right_email ul li a{
color:#fff;
display:inline-block;
font-size:5px;
font-weight:bold;
padding:0 2px;
}
.slider_welcome h3{
color:#ff9900;
font-size:18px;
margin-bottom:10px;
margin-top:0px;
}
.slider_welcome p{
font-size:6px;
}
.single_service{
background:none repeat scroll 0 0 #fff;
float:left;
margin-bottom:13px;
margin-left:13px;
width:45%;
}
.our_service_area{
overflow:hidden;
padding-bottom:25px;
width:100%;
}
.copy_right p{
font-size:10px;
}
.footer_menu ul li a{
font-size:10px;
font-weight:bold;
padding:5px;
text-transform:uppercase;
}
/* our single project */
.our_single_project{
float:none;
margin-bottom:20px;
margin-left:45px;
width:83%;
}
/*Product page css */
.right_content_others{
background:none repeat scroll 0 0 #fff;
width:100%;
margin-top:0px;
}
.project_filter ul{
margin-left:0;
}
.project_filter ul li span{
font-size:10px;
}
.single_clients_logo{
float:left;
margin-bottom:0;
min-height:150px;
text-align:center;
width:50%;
}
/* welcome Template css */
.right_content{
margin-top:315px;
}
.single_project_img img{
height:133px;
width:100%;
}
.slicknav_nav, .slicknav_nav ul{
position:relative;
z-index:999;
background:#F4F4F4;
}
.fetured_project_area{
border-top:none;
display:inline-block;
float:none;
margin-left:0px;
margin-top:0%;
min-height:330px;
overflow:hidden;
padding-top:0px;
width:100%;
}
.right_content{
margin-bottom:0px;
margin-top:0px;
width:100%;
}
.header_area {
margin-top: 0px;
}
.header_cover img{
height:0px;
width:0px;
}
.slider_bottom_welcome_area{
margin-left:0;
margin-top:-10px;
width:100%;
}
.slider_welcome h2{
color:#fff;
font-size:18px;
margin-bottom:5px;
margin-top:0;
}
.mobaile_fetured_only{display:block;}
.bigdevice_only{display:none;}

}



/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px){
.column {width:450px;
}
/*.slicknav_menu{
display:block;
}
*/
.slicknav_menu{
display: block;
float: right;
position: absolute;
right: 88px;
top: 17px;
width: 257px;
}
.left_content{
background:none;
display:block;
margin-left:100px;
text-align:left;
width:100%;
z-index:2;
}
.left_sidebar{
background-color:#f4f4f4;
margin-left:-100px;
}
.right_content{
background:none repeat scroll 0 0 #fff;
display:block;
width:100%;
}
.header_top{
background:url("img/bgSearch.png") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
min-height:34px;
overflow:hidden;
text-align:right;
width:100%;
}
.header_top input[type="text"]{
background-color:#fff;
border:0 none;
height:21px;
margin-right:5px;
margin-top:7px;
width:175px;
font-size:10px;
}
.header_top input[type="submit"]{
background:url("img/icoSearch.png") no-repeat scroll -2px -2px rgba(0, 0, 0, 0);
border:medium none;
height:20px;
margin-right:10px;
text-indent:-99999px;
width:20px;
}
.header_cover_service img{
width:0px;
height:0px;
}
.slider_bottom_welcome_area_service{
background:url("img/serviceimg/bgContent.gif") no-repeat scroll 0 0 / 100% auto #fff;
padding:25px 15px 20px 25px;
width:100%;
}
.service_right_email ul li{
border-right:1px solid #fff;
display:inline;
float:left;
height:11px;
line-height:10px;
}
.service_right_email ul li a{
font-size:8px;
}
.email_service{
margin-bottom:0px;
}
.slider_welcome h2{
margin-bottom:25px;
margin-top:0;
font-size:25px;
}
.slider_welcome h3{
font-size:16px;
margin-bottom:10px;
margin-top:0px;
}
.slider_welcome p{
font-size:10px;
}
.our_service_area{
margin-left:0;
padding-bottom:35px;
width:100%;
}
.copy_right p{
font-size:7px;
}
.footer_menu ul li a{
font-size:7px;
padding:5px;
text-transform:uppercase;
}
/* welcome Template css */
#owl-demo .item img{
display:block;
height:200px;
overflow:hidden;
}
.fetured_project img{
border:2px solid #15769c;
width:100% !important;
}
.sidebar_menu{
margin-top:0;
padding-bottom:2px;
display:none;
}
.fetured_project_area{
border-top:0;
display:inline-block;
float:none;
margin-left:0;
margin-top:0%;
min-height:0;
overflow:hidden;
padding-top:0px;
margin-bottom:20px;
width:100%;
}
.right_content {
margin-bottom: 0px;
margin-top: 0px;
width: 100%;
}
.header_cover img{
height:0px;
width:0px;
}
.slider_bottom_welcome_area{
margin-left:0;
margin-top:-10px;
width:100%;
}
/* our single project */
.our_single_project h3{
font-size:12px !important;
margin-bottom:10px;
}
/* Product page css */
.project_filter ul{
margin-left:80px;
}
.single_project{
margin-bottom:15px;
margin-left:12px;
width:45%;
}
.right_content_others{
margin-top:0px;
width:100%;
}
.mobaile_fetured_only{display:block;}
.bigdevice_only{display:none;}


}