*{margin:0; padding:0}
/* All page layouts */
.container{min-height: 100%;overflow: hidden;position: relative;}
.main{margin: 0 auto;width: 960px;padding-bottom:27px;}
html, body{height:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
/* Begin Header Part */

header{height:110px;margin-bottom: 10px;float:left; margin-top:50px; width:100%}
.logo_container{width:270px;height:100%;float:left;}


/* Begin Menu Layout */
.menu{float: right;height: 50px;margin-top: 28px;width: auto;}
.menu ul{list-style:none}
.menu ul li{display: block;float: left;position: relative; line-height:100%; width:auto;}
.menu ul li ul{display: none;left: 50%;margin-left: -52px;margin-top: 25px; position: absolute;width: 104px;z-index:500}
.menu ul li:hover ul{display:inline-block}
.menu ul li ul li{width: 96%; margin:0 !important;  padding-left:5px !important; padding-top:7px !important; padding-bottom:7px;}
.menu ul li ul li a{padding-left: 0 !important;padding-right:0 !important; padding-bottom:0 !important}
.menu ul li a{padding-bottom:25px;float: left;padding-left: 15px;padding-right: 15px; }
.arrow_menu{float: left;height: 5px;margin-top: -6px;width: 100%;}
/* End Menu Layout */
  

/*  End Header Part*/


/*  Start Slide */
.slide_bar{ width:100%; margin-bottom:10px; float:left;}
.slide_bar img{float:right;}
#index_slide{display:none;height:auto; float:left; margin:0 !important;}
.main_slide{height: auto;margin:0 auto; width: 100%;position:relative }
.main_slide img{width:100%; float:left;}
.main_slide .net{width:930px;float:left; height:100px; padding:15px; }
.main_slide iframe{width:100%}
#main_slide_nav{margin-bottom:6px;}
#filteroptions li.menufilter{display:none}
#filteroptions .active2{display:block !important}
/*  End Slide */

/* Begin Services Home */

#services_home_bar{float:left !important}
.services_home{width:100%; float:left; display:none}
.services_home .box{width:316px;margin-right:6px;margin-bottom:6px;float:left; cursor:pointer; display:block}
.services_home .box:nth-child(3n){margin-right:0;}
.services_home .box .icon_service{width:15%; float:left}
.services_home .box .title{float: left;padding-left: 13px;padding-top: 8px;width: 80%;}
.services_home .box .service_content{width:100%; float:left;}
.services_home .box .service_content p{padding-top:0 !important; text-align:justify}
.services_home .box .readMoreButton{width:80px; float:right; height:20px; margin-top:10px;}
.services_home .box .readMoreButton a{float: left;text-align: center;width: 100%;}
.services_home .box{cursor:text}
/* End Services Home */

.withoutshadow{width:100%; margin:0 auto;}
.withoutshadow2{width:966px; margin:0 auto;}
/* Single Column */

.content_one{width:100%;float:left; margin-bottom:90px;}
.content_one .block{width:100%; float:left;}
.content_one .block .two_columns{width:100%; float:left;}
.content_one .block .two_columns .column{width:50%; float:left}

.content_one .block .four_columns{width:100%; float:left; }
.content_one .block .four_columns img{float: left;margin-left: -21px;margin-top: 20px;width: 104.6%;}
.block .four_columns .staff_container{float:left; padding-bottom:20px}
.content_one .block .four_columns .staff{float: left; width:auto; margin-top:20px; margin-right:50px; position:relative}
.content_one .block .four_columns .staff .popup{
    position: absolute;
    display: none;
	width:140px !important;
}
.content_one .block .four_columns .column{width:24.8%; float:left;}
.content_one .block .four_columns .column ul {margin-left:10px;}

.content_one .block .three_columns{width:100%; float:left; }
.content_one .block .three_columns .column{margin-right: 63px;width: 26.5%; float:left}
.content_one .block .three_columns .column table{width:100%; margin-top:20px}
.content_one .block .three_columns .column table tr{width:100%; padding-bottom:5px}
.content_one .block .three_columns .column table tr td{width:48%; padding-right:5px}
.content_fixed_background{width:100%; height:510px; float:left;margin-bottom:90px;}
.content_fixed_background .block .two_columns{width:100%; float:left;}
.content_fixed_background .block .two_columns .column{width:50%; float:left}
.content_fixed_background .full_width {float:left}
.content_fixed_background .block .three_columns{width:100%; float:left; }
.content_fixed_background .block .three_columns .column{margin-right: 63px;width: 35%; float:left}
/* .content_fixed_background .block .three_columns .column{margin-right: 63px;width: 19.5%; float:left} */
.content_fixed_background .block .three_columns .column table{width:100%; margin-top:20px}
.content_fixed_background .block .three_columns .column table tr{width:100%; padding-bottom:5px}
.content_fixed_background .block .three_columns .column table tr td{width:48%; padding-right:5px}
/* End Column */


/* Two-columns layout */
/* Left part of two columns layout */ 
.content_left{float: left;margin-bottom: 90px;margin-right: 12px;width: 623px;}
.content_left_without_background{width:625px;margin-right:12px;float:left;margin-bottom:90px;}

.content_left_without_background .block{width:623px; height:152px; margin-bottom:6px; float:left;}
.content_left_without_background .block img{height: 154px !important;margin-left: -1px;margin-top: -1px;width: 624px;}

.over .box_content .left_column3, .over .box_content .left_column{width: 100%;z-index:2;position:relative; top:-155px}
.top0{top:0 !important}
.over img{width:100%;}
.over img.full_height{height:100%}
.boxlayout img{width:auto}
/* Right part of two columns layout */
.content_right{width:320px;float:left; height:auto;margin-bottom:90px;}
#contact_bar{float: left;width: 100.3%;}


/* Start Portfolio, Index and Blog Index boxes */

.boxlayout{width:314px;height:157px;margin-right:6px;margin-bottom:6px;float:left; cursor:pointer; display:block}
.boxlayout:nth-child(3n){margin-right:0;}
.boxlayout ul li span{padding-left:10px;}

/*
.box_image{float: left;height: 159px;margin-left: -1px;margin-top: -1px;width: 316px !important;}
.box_color{height:157px;  width:314px; float:left;display:none; }
.boxportfolio{width:314px;height:157px;margin-right:6px;margin-bottom:6px;float:left; cursor:pointer; display:block}
*/

.box_image_index{float: left;height: 159px;margin-left: -1px;margin-top: -1px;width: 316px !important;}

.box_image{float: left;height: 157px;margin-left: -1px;margin-top: -1px;width: 233px !important;}
.box_color{height:157px;  width:233px; float:left;display:none; }
.boxportfolio{width:233px;height:157px;margin-right:4px;margin-bottom:4px;float:left; cursor:pointer; display:block}

.box_color span{width:100%; height:100%;position:relative; display:table-cell; vertical-align:middle;padding: 5px; text-align:center; font-weight:900;font-size: 14px;}
.mrgright{margin-right:4px !important}

/* End Portfolio, Index and Blog Index boxes */

.posrel{position:relative}
.box_content{ padding:20px 10px; float:left;display: -moz-inline-block; display: inline-block; }
.pad2{padding:20px 20px !important;}
.box_content p{padding-top: 15px;}
.box_content a{ text-decoration:none; color:inherit;  }
.box_content .icon{padding-top:20px}
.box_content .left_column{ width:35%; float:left }
.box_content .left_column h2 { padding-top:15px; width:100%; padding-left:8px; }
.box_content .right_column{ width: 62%; float:left; padding-left: 8px; }

.box_content .left_column2{ width:26%; float:left }
.box_content .right_column2{ width:66%; float:left }

.box_content .left_column3{ width:16%; float:left }
.box_content .left_column3 h2 { padding-top:15px; width:100%; padding-left:8px; }
.box_content .right_column3{ width: 82%; float:left; padding-left: 8px; }

.box_content .left_column5{ width: 140px; float:left; }
.box_content .right_column5{ width: 140px; float:left; padding-left: 10px; }

.paddingright10{
    padding-right:25px;
}
.box_content .first_column4{ width:14%; float:left; height:110px; }
.box_content .first_column4 img{ padding:15px 20px; }
.box_content .center_column4{ width:61%; float:left }
.box_content .last_column4{ width:10%; float:right }
.box_content .last_column4 .icon_{ float:right; height:36px; width:36px; margin-top:40px}
.shigjeta{width:100%; float:left; height:100%}

.box_full{width:96.8%}

.fltnone{float:none !important}
.posabs{position:absolute}


.box_content ul{ list-style: none; padding-top:20px;}
.box_content ul li {padding-bottom:5px; }
.box_content ul li span.ulspan{padding-left:10px; vertical-align: middle;}
.box_content ul li img{ list-style-position: outside;width:14px; height:14px;vertical-align: middle; }

.full_image{ width:100%; height:100%}
.center_image{ width:100%; height:100%}


.box_content .text_block{width:100%;float:left;}
.box_content .text_block2 .text{ float:left; width: 47.7%; margin-right: 40px;}
.box_content .text_block2 .text:last-child{ margin-right: 0px !important;}

.box_content .text_block3 .text{ float:left; width: 30.3%; margin-right: 40px;}
.box_content .text_block3 .text:last-child{ margin-right: 0px !important;}

.box_content .text_block4 .text{ float:left; width: 21.6%; margin-right: 40px;}
.box_content .text_block4 .text:last-child{ margin-right: 0px !important;}
.bloggridwithsidebar .boxlayout:nth-child(2n-1){margin-right:6px !important}
.bloggridwithsidebar .boxlayout:nth-child(2n){margin-right:0px !important}
.bloggridwithsidebar{width:638px !important; margin-right:6px !important}
/* Start Footer */


footer {position:absolute;
   bottom:0;
   width:100%;
   left:0}
.footer_main{width:960px; margin:0 auto;}
.footer_column{width:45%; height:27px; padding-left: 20px; padding-right:20px;  display:table;}
.footer_column:nth-child(1){float:left; padding-left:0 !important}
.footer_column:nth-child(2){float:right; padding-right:0 !important}
.footer_content {display: table; width:auto}
.footer_content h2 {display: table-cell; vertical-align: middle; width:50%}
.footer_content p{width:100%; padding-top:5px;}
.footer_content p a{padding-left:20px}
.fc {display: table-cell;height: 27px;padding-left: 0px;vertical-align: middle;width: auto}
.fc .img_div {display: table-cell;float: left;height: 20px;width: 450px;vertical-align: middle; }
/*.fc .img_div #wh {margin-left: 100px; }*/
/*.fc .img_div img{width:16px}*/
.twitter{ float:left; display:block; margin-top:17px}
.twitter p{ padding-top:3px !important}
.fltright{float:right !important}
.social_icon{ margin-top:20px}
.social_icon img{float:left; margin-right:17px; width:16px; height:16px; margin-bottom:17px;}
.social_icon img:nth-child(6n){margin-right:0 !important}
.hover_social{display:none}
/* End Footer */



/* Begin Portfolio One */

.portfolio_one{ width:100%; float:left; margin-bottom:6px; display:none}
.portfolio_one .info{width:99.8%; float:left; margin-top:6px; margin-bottom:6px; height:auto}
.portfolio_one .info .first_column {float:left; width:40%; padding-top:2px; padding-left:3px; }
.portfolio_one .info .second_column{float:left; width:59%; padding-top:2px}
.portfolio_one .info .first_column .block{float:left; width:49.6%; height:65px; }
.portfolio_one .info p{ padding-top:5px !important}
.portfolio_one .navigation{width:100%; float: left;padding-bottom:6px }
.navigation .content{width:auto; height:auto; float:right;}
#main_slide_nav .content{margin-bottom:6px;}
.navigation .icon{width:35px; height:17px; float:left;margin-right:5px}
.navigation .icon:last-child{margin-right:0}
.navigation .icon span{float:left; width:100%; height:100%}
.portfolio_list_width{width:967px !important}
.portfolio_list_width .navigation .content{margin-right:3px;}
.portfoliowithsidebar {margin-right:6px !important; width:638px !important}
.portfoliowithsidebar .block{margin-bottom: 0 !important; height:90px !important; background-image:none !important;}
.portfoliowithsidebar .block:hover{background:none !important}
.portfoliowithsidebarleft .block{margin-bottom: 0 !important; height:90px !important; background-image:none !important;}
.portfoliowithsidebarleft .block:hover{background:none !important}
.portfoliowithsidebarleft {margin-right: 0 !important; margin-left:6px; width:638px !important}
.portfolioside{width:314px !important}
.singlepostsidebarleft{margin-right:0 !important; margin-left:12px !important}
/* End Portfolio One */

/* Begin Portfolio Navigation */

.portnav{width:100%; float:left; margin-bottom: 15px;}
.portnav h3{float:left}
.portnav ul{margin:0;float:left;list-style:none;display:inline;z-index:100; margin-left: 10px;}
.portnav ul li{float:left; cursor:pointer; text-align:center;font-weight: 700; width:auto; margin-left:10px;height: 28px;padding-top: 7px; }
.portnav ul li a{padding-left:17px; padding-right: 17px;}
.portnav ul.list li.box{width:36px !important; height:28px;}
.list_span {width:100%; height:100%; float:left}
.all_span{width:100%; height:100%; float:left}
/* End Portfolio Navigation */


/* Begin SideBar */

.side_content{padding:20px;width:86%; float:left; padding-bottom: 15px !important;padding-top: 15px !important;}

.side_content .categories{ float:left; width:100% }
.side_content .categories hr{margin-top:15px;margin-left: -20px !important;width: 116%;margin-bottom:0 }
.side_content .categories ul{list-style: none outside none; margin:0 !important}
.side_content .categories ul li{padding-top:12px; padding-bottom:12px; width:108%; margin-left:-20px; padding-left:20px;}
.side_content .text_widget p{padding-top:20px;}
.side_content  ul{list-style: none outside none; margin-top: 20px;}
.side_content ul li{ padding-bottom:7px ; }
.side_content:last-child{border-bottom:0 !important}
    /* Begin Twitter */
    #twitter ul { float:left}
    #twitter ul li{float:left; width:100%; padding-left:26px;}
    #twitter ul li span{float:left; width:100%;}
    #twitter ul li span a{float:none; width:auto; padding:0}
    #twitter ul li a{float:left; width:auto; padding:5px 0px}
    
    /* End Twitter */

/* End SideBar */



/* Begin Main Blog Post */
.main_blog_post{float:left; padding:25px 20px; float:left;}
.main_blog_post p{float:left; margin-top:25px}
.main_blog_post ul{ list-style: none; margin-top:25px; float:left;}
.main_blog_post ul li{padding-bottom: 20px;}
.main_blog_post ul li:last-child{padding-bottom: 0px !important;}
.main_blog_post .info_bar{ float:right; margin-top:80px; margin-right:35px;}
.main_blog_post .info_bar span{padding-right:10px ;}
.main_blog_post .info_bar span:last-child{padding-left:10px ; padding-right:0 !important}

    /* Begin Comments */
    
    .comments{width:100%; float:left;}
    .comments h2{padding:20px}
    .comments .comment_container{float:left; padding:20px; width: 93.7%;}
    .comments .sub_comment{padding-left: 100px !important; width:81% !important}
    .comments .comment_container .user_photo{width:40px; height:40px; float:left; margin-right:20px;}
    .comments .comment_container .content{float:left;width: 88.8%;}
    .comments .sub_comment .content{width: 88%;}
    .comments .comment_container .content h2{padding:0 !important; border:none !important}
    
    /* End Comments */


/* End Main Blog Post */

.blocks_of_text{float:left; }
.bordert{float:left; }

.buttons_container{margin-top:20px;}
.buttons_container button{margin-right:10px; margin-bottom:10px}
.tabs_container{margin-top:20px}
.toggle_container{margin-top:20px; width:100%}
.alert_container{margin-top:20px;}
button{width:82px; height:32px;}


/* Begin Toggles */

.toggle-view{width:100%; float:left; padding:0 !important}
.toggle-view li{padding:0 !important} 
.toggle-view li .header{float:left; width:98%; padding-bottom:10px; padding-top:10px; padding-right:10px;} 
.toggle-view li h3{ cursor:pointer; width:80%; float:left;}
.toggle-view li span{float:right;height: 13px;width: 13px;}
.toggle-view li span.open{background: url(../images/open.png) no-repeat transparent }
.toggle-view li span.close{background: url(../images/close.png) no-repeat transparent }
.toggle-view li h3, .toggle-view li p{padding-left:10px !important}
.toggle-view .panel{padding-bottom: 10px; float:left; display:none}
/* End Toggles */


/* Alerts */
.alert{width:437px; float:left; margin-bottom:10px}
.first_alert .box_content{float: left}
.second_alert{margin:0 auto; margin-bottom:10px}
.third_alert .box_content{float: right}
/* End Alerts */


/* Quotes */
.quote{padding-left: 27px;padding-top: 8px;width:auto; float:left;}

/* End Quotes */

.title_page_photo{margin-bottom:-10px; z-index:999}
.clear{margin-bottom:100px; float:left}


/* Start Search  */
input[type=search]{ height:30px;float:left;width: 172px;}
.search_button{ padding:0 !important; height:30px; float:left; width:66px !important; margin-top:-7px !important }
/* End Search */

/* Begin Input */

/* End Input */

/* Portfolio List */
.box_portfolio{width:958px; float:left; margin-bottom:6px; height:158px; cursor:pointer}

/* End Portfolio List */

.form_container{width:100%; margin-top:20px; float:left;}
.form_container input{margin-bottom:20px;}
.form_container select{margin-bottom:20px;}
.map_box{width:100%; float:left; margin-top:20px;}
.map_box iframe{width:440px; height:288px}

.all_block_link{position:absolute; left:0; top:0; width:100%; height:100%}

.hover_service{display:none}
.menufilter{display:none }

#load_more{cursor:pointer;width:148px; height:36px; float:left;background:url(../images/arrow.png) no-repeat right center transparent}
#load_more span.ico_more{background: url("../images/arrow.png") no-repeat scroll center center transparent;float: right;height: 100%;width: 20%; padding:0 !important}
#load_more span{float:left; width:69%; padding:8px}
#comment_form .inputBox_2{width: 179px;height:32px; background:url('../images/commtext.png') no-repeat !important}
#comment_form ul li{margin-right:13px !important}
#comment_form ul li:nth-child(1){display:inline-block !important; width:179px}
#comment_form ul li:nth-child(2){display:inline-block !important; width:179px}
#comment_form ul li:nth-child(3){display:inline-block !important; width:179px}
#comment_form .textbox{width:565px; height:145px; background:url('../images/commbg.png') no-repeat !important }
#comment_form ul li:nth-child(4){width:565px}
#comment_form ul li .comment{width:565px}
#comment_form textarea{min-width:535px !important}
#menu_responsive{display:none}
#main_slide_nav .content{position:relative}
.blog_list_ipad{display:none}
.blog_list_iphone{display:none}
#sidebar_responsive{display:none; margin-top:10px;}
#sidebar_responsive .dd{margin-top:10px !important}
header{height:auto}
#contact li{padding-bottom:25px !important}
/* */
@media only screen and (max-width: 480px) {
    html, body {width:100%;}
    .main{ width:86%;}
    .boxlayout{width:100%}
    .boxlayout .box_image{width:101% !important}
    .menu .lavalamp{display:none}
    #menu_responsive{display:block}
    .boxportfolio{width:100%}
    .boxportfolio .box_image{width:101% !important}
    .boxportfolio .box_color{width:101% !important}
    .box_content .right_column{width:62% !important}
    .services_home .box{width:100% !important}
    .logo_container{height:auto; width:100%}
    .menu{width:100%;height:auto; margin-top:10px !important;}
    .touch_slide .slides-wrap, .touch_slide .slides, .touch_slide .slide{width:100% !important}
    .nav-tabs{display:none}
    .touch_slide .slides{height:120px !important}
    .touch_slide .slide{height:auto !important}
    .touch_slide{height:auto !important}
    .touch_slide .slides-wrap{height:auto !important}
    .main_slide .net{height:auto; width:90% !important}
    .quote{line-height:30px !important}
    .portnav{margin-top:30px;}
    .portnav ul{width:100%;margin-top:10px;}
    .portnav ul li{margin-bottom:6px;}
    .box_portfolio{width:100%;height: auto;}
    .box_portfolio .first_column4 img{width:100%}
    .box_portfolio .box_content{padding:10px !important}
    .box_content .first_column4 img{padding:0 !important}
    .box_content .center_column4{margin-left:12px;}
    .portfolio_one .info .first_column{width:40%;}
    .portfolio_one .info .first_column .block{height:auto; width:99%}
    .portfolio_one .info .second_column{width:58%;}
    .portfolio_one .info .first_column .block{border:none !important}
    .portfolio_one .info .first_column .block:nth-child(1){border-right: 1px solid #c9c9c9 !important; border-bottom:1px solid #c9c9c9 !important}
    .portfolio_one .info .first_column .block:nth-child(2){border-right: 1px solid #c9c9c9 !important; border-bottom:1px solid #c9c9c9 !important;border-top:1px solid #fff !important}
    .portfolio_one .info .first_column .block:nth-child(3){border-right: 1px solid #c9c9c9 !important; border-bottom:1px solid #c9c9c9 !important;border-top:1px solid #fff !important}
    .portfolio_one .info .first_column .block:nth-child(4){border-right: 1px solid #c9c9c9 !important;border-top:1px solid #fff !important}
    .title_page_photo img{width:100%}
    .content_one .block .four_columns img{width:116.6%}
    .content_one .block .three_columns .column{width:100%}
    .content_one .block .two_columns .column img{width:100%}
    .box_content .right_column2{margin-left:20px;}
    .content_one .block .two_columns .column{width:100%; border-bottom: 1px solid #C9C9C9;border-top: 1px solid #FFFFFF;}
    .content_one .block .two_columns .columna:first-child{border-top:none !important}
    .content_one .block .two_columns .columna:last-child{border-bottom:none !important}
    .content_one .block .two_columns{border:none !important}
    .content_left_without_background{width:100%}
    .content_left_without_background .block{width:100%;}
    .box_content .right_column3 {padding-left: 52px; width: 62%;}
    .content_left_without_background .block img{width:101%;}
    .content_right{display:none}
    ul.contacForm li .search{width:167px !important}
    .box_content .text_block2 .text{width:41.7%}
    .box_content .text_block3 .text{width:22.2%}
    .content_left{width:100%}
    .comments .sub_comment{width:59% !important}
    .comments .comment_container{width:86.7%}
    .contacForm{width:65%}
    #comment_form textarea{min-width:100% !important}
    #comment_form ul li:nth-child(4){width:100%}
    #comment_form .textbox{width:100% !important}
    .footer_content h2{width:45% !important}
    .footer_main{width:100%}
    .footer_column{width:100%}
    .footer_column div p{float:left !important}
    .bloggridwithsidebar{width:100% !important}
    .portfoliowithsidebar{width:100% !important}
    .portfolioside{width:100% !important}
    .portfoliowithsidebarleft{width:100% !important; margin-left:0 !important}
    .singlepostsidebarleft{margin-left:0 !important}
    .box_content .text_block4 .text{width:35.6%; margin-top:10px;}
    .alert{width:280px !important}
    .content_fixed_background .block .two_columns .column{width:100% !important}
    ul.contacForm li .inputBox_2 input{width:100% !important}
    ul.contacForm li .inputBox_2 {width:100% !important}
    #menu_responsive .dd{width:350px !important}
    #menu_responsive .dd .ddTitle{width:80% !important}
    #menu_responsive .dd .ddChild a{width:100% !important}
    #menu_responsive .dd .ddChild{width:257px !important; height:auto !important}
    
    #sidebar_responsive .dd{width:350px !important}
    #sidebar_responsive .dd .ddTitle{width:80% !important}
    #sidebar_responsive .dd .ddChild a{width:100% !important}
    #sidebar_responsive .dd .ddChild{width:257px !important; height:auto !important}
    header{margin-top:10px !important}
    #filteroptions li{display:block !important}
    .blog_list_image{display:none}
    .blog_list_iphone{display:block}
    #sidebar_responsive{display:block}
    .content_left_without_background{margin-top:10px;}
    .content_left{margin-top:55px;}
    ul.contacForm li .textbox{width:288px !important}
	.map_box iframe{width:245px}
	.content_fixed_background{height:auto !important}
	.portnav ul{margin-left:0 !important}
	.portnav ul li{margin-left:0px !important}
	.portnav ul li{margin-right:10px !important}
	.portnav{margin-top: 0px !important}
	.menu{margin-bottom:20px !important}
	.singlepostsidebarleft{margin-left: 0 !important}
    #contact .dd .ddTitle{width:245px !important}
    #contact li .inputBox_2{background: url(../images/name-fild1.png) no-repeat left top;width: 226px !important;height: 15px;}
    #contact li .textbox {background: url(../images/msg-fild1.png) no-repeat left top;width: 326px;height: 120px;}
    #contact .inputBox_2 input{width:226px !important}
    #contact textarea{min-width: 217px !important;max-width: 220px !important;}
}  

@media only screen and (min-width: 480px) and (max-width: 768px) {
    html, body {width:100%;}
    .main{ width:86%;}
    .boxlayout{width:49%; margin-right:0 !important}
    .boxlayout:nth-child(2n -1){margin-right:6px !important}
    
    .boxlayout .box_image{width:101% !important}
    .touch_slide .nav-tabs .tab .content{font-size:14px !important}
    .boxportfolio{width:49%; margin-right:0 !important}
    .boxportfolio:nth-child(2n -1){margin-right:6px !important}
    .boxportfolio .box_image{width:101% !important}
    .boxportfolio .box_color{width:101% !important}
    .box_content .right_column{width:60% !important}
    .services_home .box{width:100% !important}
    .logo_container{height:auto; width:100%}
    .menu{width:100%;height:auto; margin-top:30px !important;}
    .touch_slide .slides-wrap, .touch_slide .slides, .touch_slide .slide{width:100% !important}
    .touch_slide .nav-tabs .tab.active{width:150px !important}
    .touch_slide .nav-tabs .tab{width:100px !important}
    .touch_slide .nav-tabs .tab .content-wrap{width:100px !important}
    .touch_slide .nav-tabs .tab.active .content-wrap{width:150px !important}
    .touch_slide .slide{height:258px !important;width:100% !important}
    .touch_slide{height:258px !important;width:100% !important}
    .touch_slide .slides-wrap{height:258px  !important;width:100% !important}
    .main_slide .net{height:auto; width:95% !important;}
    .quote{line-height:30px !important}
    .portnav{margin-top:30px;}
    .portnav ul{width:100%;margin-top:10px;}
    .portnav ul li{margin-bottom:6px;}
    .box_portfolio{width:100%;height: auto;}
    .box_portfolio .first_column4 img{width:100%}
    .box_portfolio .box_content{padding:10px !important}
    .box_content .first_column4 img{padding:0 !important}
    .box_content .center_column4{margin-left:12px;}
    .portfolio_one .info .first_column{width:40%;}
    .portfolio_one .info .first_column .block{height:auto; width:99%}
    .portfolio_one .info .second_column{width:58%;}
    .portfolio_one .info .first_column .block{border:none !important}
    .portfolio_one .info .first_column .block:nth-child(1){border-right: 1px solid #c9c9c9 !important; border-bottom:1px solid #c9c9c9 !important}
    .portfolio_one .info .first_column .block:nth-child(2){border-right: 1px solid #c9c9c9 !important; border-bottom:1px solid #c9c9c9 !important;border-top:1px solid #fff !important}
    .portfolio_one .info .first_column .block:nth-child(3){border-right: 1px solid #c9c9c9 !important; border-bottom:1px solid #c9c9c9 !important;border-top:1px solid #fff !important}
    .portfolio_one .info .first_column .block:nth-child(4){border-right: 1px solid #c9c9c9 !important;border-top:1px solid #fff !important}
    .title_page_photo img{width:100%}
    .content_one .block .four_columns img{width:107.6%}
    .content_one .block .three_columns .column{width:100%}
    .content_one .block .two_columns .column img{width:100%}
    .box_content .right_column2{margin-left:20px;}
    .content_one .block .two_columns .column{width:50%}
    .content_left_without_background{width:100%}
    .content_left_without_background .block{width:100%;}
    .box_content .right_column3 {padding-left: 60px; width: 61%;}
    .content_left_without_background .block img{width:101%;}
    .content_right{display:none}
    ul.contacForm li .search{width:167px !important}
    ul.contacForm li .search input{width:167px !important}
    .box_content .text_block2 .text{width:41.7%}
    .box_content .text_block3 .text{width:22.2%}
    .content_left{width:100%}
    .comments .sub_comment{width:59% !important}
    .comments .comment_container{width:86.7%}
    .contacForm{width:65%}
    #comment_form textarea{min-width:100% !important}
    #comment_form ul li:nth-child(4){width:100%}
    #comment_form .textbox{width:100% !important}
    .footer_content h2{width:45% !important}
    .footer_main{width:86%}
    .footer_column:first-child{width:56%; padding:0 !important}
    .footer_column:last-child{width:40%;padding:0 !important}
    .footer_column div p{float:left !important}
    .blog_list_image{display:none}
    .blog_list_ipad{display:block}
    #services_home_bar{width:100%}
    #services_home_bar .content{float:left}
    #sidebar_responsive{display:block}
    .content_left_without_background{margin-top:70px;}
    .content_left{margin-top:55px;}
    .content_left.over{margin-top:0px !important;}
    #sidebar_responsive .dd{width:350px !important}
    #sidebar_responsive .dd .ddTitle{width:80% !important}
    #sidebar_responsive .dd .ddChild a{width:100% !important}
    #sidebar_responsive .dd .ddChild{width:257px !important; height:auto !important}
     .alert{width:280px !important}
     .box_content .text_block4 .text{width:19.6%}
     
	.map_box iframe{width:630px}
	.content_fixed_background{height:auto !important}
	.content_fixed_background{width:100% !important}
	.content_fixed_background .block .two_columns .column{width:100% !important}
	.content_fixed_background .block .three_columns .column{width:19.9% !important}
    #load_more_boxes .content{width:100% !important;  float:right !important}
     #load_more_boxes #load_more{float:left}
     .portnav ul{margin-left:0 !important}
	.portnav ul li{margin-left:0px !important}
	.portnav ul li{margin-right:10px !important}
    .portfoliowithsidebar{margin-top: 20px !important}
    .portnav{margin-top: 0px !important}
    .menu{margin-bottom:20px !important}
    header{margin-bottom: 0 !important}
    .portfoliowithsidebarleft{margin-left:0px !important; margin-top: 0 !important}  
    .menu ul.lavalamp li.lava{height:20px !important}  
    .content_left_without_background{margin-top: 0 !important}
    .singlepostsidebarleft{margin-left: 0 !important}
    #contact .dd .ddTitle{width:629px !important;background: url(../images/name-fild2.png) no-repeat left top;}
    #contact li .inputBox_2{background: url(../images/name-fild2.png) no-repeat left top;width: 629px !important;height: 15px;}
    #contact li .textbox {background: url(../images/msg-fild2.png) no-repeat left top;width: 629px;height: 120px;}
    #contact .inputBox_2 input{width:629px !important}
    #contact textarea{min-width: 614px !important;max-width: 618px !important;}
 }

.boxlayout {color: black;}
/* */


