/* -----------------------------------------------------------------------
    Responsive
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
   /* body.stretched { overflow-x: hidden; }*/
	.content-wrap, #page-title, #content .container, .breadcrumb{
	width: 950px;
	}
	#page-title{
		height: auto;
		padding-bottom: 0;
			}
	.postcontent {
		width: 700px;
		margin-right: 20px;
	}
	.content-wrap{
		margin-bottom: 5px;
	}
	#copyrights .col_half{
		margin: 0 1%;
		width:45%;
	}
	.nivo-caption {
		margin-left: -490px;
		background-size: 100% 100%;
		width: 980px;
}
	#slider {
		width: 100%;
		height: 460px;
		background-size: 100%;
	}
#slider {
	background:url(images/sliderbg.png) no-repeat bottom center;
}
	.ipost .download, .ipost .video{
	margin: 0 14px 0 0;
	}
	.ipost .service {
	width: 340px;
	}
	#portfolio_tem .right_box {
	width: 55%;
	}
.small-posts .entry_c, .contact-page .small-posts .entry_c {
	width: 470px;
}
.contact-page .small-posts .entry_c {
	width: 500px;
}
#contact-form-container{
	background-size: auto;
}
.member-form-inquery .control-group, .member-form-inquery .top-form{
	width: 94%;
		}
.member-form-inquery .top-form .control-group{
	width: 50%;
			}
.member-form-inquery .top-form .control-group.col_full .span8{
	width: 596px;
	}
.about-page .product.categories.gallery .portfolio-item, .project-page .product.categories.gallery .portfolio-item, .video-page .product.categories.gallery .portfolio-item  {
	width: 210px !important;
}
.postcontent #portfolio.careers {
}
.postcontent #portfolio.careers .portfolio-item{
	margin-right: 12px;
	width: 219px !important;
}
}
@media only screen and (max-width: 979px) {
#wrapper {
    /*width: 768px !important;
	background-image: url(../images/body-bg1.jpg);}*/
    margin: 0 auto;
}
.container, #content .container { 
	width: 720px;
	border: 0px solid #000;
}
.content-wrap, #page-title, #content .container, .breadcrumb{
	width: 720px;
	}
#page-title .container img {
	width: 120%;
	max-width: 120%;
	margin-left:-20%;
	}
.pro-page #page-title .container img, .news-page #page-title .container img{
	margin-left:0;
			}
.postcontent { width: 720px; margin: 0; }
.entry_content {
	width: 100%;
	margin-left: 0;
}
.prolist .postcontent{
	margin: 0;
}
.ipost{
	position: relative;
	}
.new-product .col_two_fifth{
	width: 100%;
	margin: 0;
	}

body { 
    transition: all .2s linear; 
    -o-transition: all .2s linear; 
    -moz-transition: all .2s linear; 
    -webkit-transition: all .2s linear;
}
#wrapper { overflow: hidden; }
#logo {
	margin-top: 20px;
}
#logo img {
	margin-top:0;
}
#top-bar {
	position:absolute;
	right:0;
	top:0;
	height: auto;
	overflow:hidden;
}
#top-menu ul { display: inline-block; }
#top-social {
	display:none;
}
#top-social ul {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

#top-social li { display: inline-block; }
#primary-menu {
    width: 100%;
    max-width: 100%;
}
#primary-menu ul,
#header.header4 #primary-menu ul { display: none; }
.ipost.news {
	background-size: 100%;
}
.ipost .fslider .slide{
	height: auto;
			}
.flexslider .slider-wrap img{
	width: 150%;
	max-width: 150%;
	margin-left: -40%;
						}
.col_one_third.sidebar{
	float: left;
	width:135px;
	margin-top: 0;	
		}
.ipost.about .portfolio-item {
	width: 100%;
	}
.ipost.about .portfolio-item .portfolio-image, .ipost.about .portfolio-title{
	float: left;
	width: 40%
		}	
.ipost.about .portfolio-item{
	height: auto;
	margin-bottom: 20px;
		}	
.ipost.about .portfolio-title{
	width: 58%;
	margin-left:10px;
		}	
.ipost.about .entry_date, .ipost.about .entry_title {
	width: 13%;
}
.ipost.about .entry_title {
	width: 78%;
}
.ipost .product	{
	margin-top: 20px;
	float: left;
	border: 0px solid #000;		}	
.ipost.feature{
	background-size: 100% 100%;
			}
.ipost.feature #portfolio{
	width: 100%;
		}
.ipost.feature .portfolio-item{
	width: 150px;
		}		
.ipost .download {
	background-size: 90%;
	width: 180px;
	background-position: 20px 80px;
}
.ipost .video{
	width: 160px;
	background-position: 0px 70%;
			}
.ipost .service{
	width: 220px;
	background-size: 80%;
}
				
div.responsive-menu, 
div.responsive-menu span {
    background: url("../images/responsive-menu.png");
    -webkit-font-smoothing: antialiased;
}

.rs-menu, 
.rs-menu * {
    margin: 0;
    padding: 0;
}

.rs-menu {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

div.rs-menu {
    display: block;
    position: relative;
    overflow: hidden;
    background-position: left;
    line-height: 40px;
    height: 42px;
    margin: 39px 0 0 0;
    font-size: 13px;
}

div.rs-menu select {
    color: #666;
    background-color: #EEE;
    border-color: #E5E5E5;
    height: 42px;
    font-size: 13px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity:0);
}

div.rs-menu span {
    display: block;
    position: relative;
    background-position: left;
    background-color: #EEE;
    background-image: url("../images/mobilemenu.png");
    background-repeat: no-repeat;
    border: 1px solid #E5E5E5;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #666;
    padding: 0 15px 0 55px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #FFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.select-menu {
	float:right;
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 22px;
    font: 17px bold;
	font-family: "微軟正黑體", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear:none;
	height: 45px;
	border: 2px solid #ccc;
	color: #000;
	background-color: #f3f2ee;
	}
#header.header2 #primary-menu,
#header.header3 #primary-menu,
#header.header6 #primary-menu {
    background-color: transparent;
    margin-bottom: 30px;
    height: auto;
    border-top: none;
}

#header.header2 .select-menu,
#header.header3 .select-menu,
#header.header6 .select-menu { margin: 0; }

#sticky-menu { display: none; }


#slider {
	overflow: hidden;
	width: 100%;
}
.nivo-caption {
	width:100%;
	left: 0;
	margin-left: 0;
	background-size: 100% 100%;
}
.nivo-caption .model {
	margin-left: 50px;
}
.nivo-caption a.button{
	margin-right: 50px;
}
#slider.elastic-slideshow { overflow: visible; }

.kwicks,
.slider-3d,
#piecemaker { display: none; }

.fallback-image,
.fallback-image a,
.fallback-image img { display: block; }
.stretched #slider{ border:0; }

.stretched #slider.thumb-slider .flex-control-thumbs,
.stretched #slider.thumb-slider .rs-thumb-wrap { }

.sidebar.col_last,
.postcontent.col_last { float: none; }

.sidebar {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px dotted #E5E5E5;
}
.sidebar ul {
	font-size: 17px;
	font-weight: 600;
}
.postcontent, .sidebar, .sidebar .ipost {
	margin-bottom: 0;
	}
.sidebar .ipost .download, .sidebar .ipost .video, .sidebar .ipost .service {
	margin: 20px 0 0 0;
	width: 200px;
	height: 250px;
}
.sidebar .ipost .download{
	margin-right: 25px;
}
.sidebar .ipost .service{
	margin-left: 25px;
}

#footer { }
#footer h6 {
font-size: 14px;
}
#footer li , #footer li li{
font-size: 12px;
}
#copyrights .col_half.col_last{
	text-align:center !important;
	margin-top:15px;
	color:#eee;}
#gotoTop {
	right: 10px;
	bottom: 30px;
   /* display: none !important;
    visibility: hidden !important;*/
}


.stretched #header,
.stretched .content-wrap {
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1);
}

.stretched #slider { padding: 0; }

.stretched #slider .container { width: 100% !important; }

.stretched .slider-line { display: block; }

.stretched #page-title {  }

.stretched #copyrights { margin-bottom: 0; }
/*.breadcrumb { display:none;
}*/
.sidebar.event div{
	float:left;
	margin: 10px;
	width:45%;}

.col_half,
.landing-offer-half {
	}
.error-404{
	padding: 20px 20px 20px 20px;
	background-size: 50%;
	}
.news.col_half, .social.col_half{
	width:100%	}
.slogan {
	letter-spacing: 20px;
}

#portfolio_tem {
	margin-top: 20px;
	}
#portfolio_tem .left_box{
	width: 350px;
}
#portfolio_tem .left_box .big {
	height: 330px;
	width: 330px;
}
#portfolio_tem .left_box .big img {
	height:330px;
	max-height:330px;
}
#portfolio_tem .right_box {
	width: 50%;
	border: 0px solid #000;
}
#portfolio_tem .download .btn{
	width: 88%;
	margin-bottom:10px;
	float: none;
	}
#portfolio_tem .download .btn:last-child{
	float: none;
	}
.postcontent #portfolio.careers{
}
.postcontent #portfolio.careers .portfolio-item{
	border: 0px solid #000;
	width: 226px !important;
}
.pro-page .product.categories{
	border: 0px solid #000;
}
.pro-page .product.categories .portfolio-item{
	width: 210px !important;
	margin: 25px 0 0 20px;
}
}
/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {



.landing-offer-media { width: 460px; }
.sidebar { width: 720px; }
.landing-offer-text { width: 230px; }

#landing-area { padding: 25px 0; }

#landing-area h1 {
    font-size: 21px;
    line-height: 28px;
    padding-bottom: 15px;
}

#landing-area p.landing-desc {
    font-size: 12px;
    margin-bottom: 15px;
}

#landing-area ul.landing-features {
    font-size: 13px;
    line-height: 18px;
}

ul.landing-features li { margin-top: 4px; }

ul.landing-features li:first-child { margin-top: 0; }

.landing-action { margin-top: 15px; }

.postcontent,
.sidebar {
	float: none;
}

.landing-offer-media,
.landing-offer-text {  }

#primary-menu,
#lp-contacts { max-width: 400px; margin-top: 100px; }

#primary-menu ul { display: none; }

#primary-menu .rs-menu { width: 460px; }

#slider,
.slider-wrap,
.ei-slider,
.rs-slider,
#slider.slider-nivo,
.nivoSlider,
.camera_wrap,
#slider.piecemaker-slider{ height: 365px;}
.flexslider .slider-wrap > .slide {
	background-size: 200%;
		}
#slider.revolution-slider .fullwidthbanner-container,
#slider.revolution-slider .fullwidthbanner {
    height: 340px !important;
    max-height: 340px !important;
}
#slider.thumb-slider { height: auto; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap { 
height: 55px;
padding: 5px 0;
}

.flex-control-thumbs li,
.rs-thumb-wrap a {
    width: 120px !important;
    height: 45px !important;
}

.rs-thumb-wrap a {
    height: 45px !important;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    width: 165px !important;
    height: 45px !important;
	left:-15%;
}

.rs-thumb-wrap a img { border: none; }

#portfolio { margin: 25px -8px -8px 0; }

/*.portfolio-item {
    margin: 0 8px 8px 0;
    width: 174px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
    width: 174px;
    height: 136px;
}*/

#portfolio.portfolio-3 { margin: 0 -13px -13px 0; }

.portfolio-3 .portfolio-item {
    margin: 0 13px 13px 0;
    width: 231px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
    width: 231px;
    height: 156px;
}

.portfolio-2 .portfolio-item { width: 350px; }

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
    width: 350px;
    height: 223px;
}

.portfolio-5 .portfolio-item { width: 140px; }

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 140px;
    height: auto;
}

.portfolio-title h3 { font-size: 13px; }

#portfolio .slider-wrap { height: 136px; }

#portfolio.portfolio-3 .slider-wrap { height: 156px; }

#portfolio.portfolio-2 .slider-wrap { height: 223px; }

.portfolio-overlay-wrap { display: none; }

.portfolio-3 .portfolio-overlay-wrap,
.portfolio-2 .portfolio-overlay-wrap,
.scroll-portfolio .portfolio-overlay-wrap { display: block; }

#portfolio .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 58px;
    left: 50%;
    margin-left: -29px;
}

#portfolio.portfolio-3 .p-overlay-icons,
#portfolio.portfolio-2 .p-overlay-icons,
#portfolio.scroll-portfolio .p-overlay-icons {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: auto;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
}

#portfolio-single-wrap #slider,
#portfolio-single-wrap.portfolio-single-full .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap .port-desc { width: 500px; }

#portfolio-single-wrap.portfolio-single-full #slider { width: 720px; }

#portfolio-details-wrap {
    width: 200px;
    margin-left: 20px;
}

#portfolio-single-wrap.portfolio-single-full .port-details,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap .port-details,
#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap {
    width: 200px;
    margin: 0 20px 0 0;
}

#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details { margin: 0 0 0 20px; }

#portfolio-details-wrap .port-terms h5 { width: 100px; }

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img {
    width: 176px !important;
    height: 137px;
}
/*.scroll-portfolio .portfolio-item { width: 235px !important; }*/
.scroll-portfolio .portfolio-item .portfolio-image,
.scroll-portfolio .portfolio-item .portfolio-image > a,
.scroll-portfolio .portfolio-item .portfolio-image > a > img {
	max-height: 500px;
	width: auto;
}

.ipost-meta { margin: 10px 0 -3px 0; }

.ipost-meta li {
    float: none;
    margin: 0 0 3px 0;
}

.ipost-meta li span { display: none; }

.col_full .related-posts li { width: 165px !important; }

.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 165px !important;
    height: 120px;
}

.promo { padding: 12px 15px; }

.promo h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
}

.promo-desc > span {
    font-size: 13px;
    line-height: 20px;
}

.our-clients { margin: 0 -10px 0 0; }

.our-clients li { margin: 0 10px 0 0; }

.our-clients li,
.our-clients li a,
.our-clients li img {
    width: 126px !important;
    height: 81px;
}


.sidebar-widgets-wrap,
.footer-widgets-wrap {
    position: relative;
    margin: 0 -52px -45px -3px;
}

.sidebar-widgets-wrap .widget {
    width: 210px;
	margin: 0 45px 45px 0;
    border-top: none;
    padding-top: 0;
}

.sidebar-widgets-wrap .widget-scroll-prev,
.sidebar-widgets-wrap .widget-scroll-next { top: 0; }

#footer .col_one_fourth {
    width: 210px;
    margin: 0 45px 45px 0;
}

.sidebar-widgets-wrap .widget,
#footer .col_one_fourth {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.tab_widget ul.tabs.pro_list li{
	width:32.5%;
}
.tab_widget ul.tabs.pro_list li a, .tab_widget ul.tabs.pro_list li a:hover{
	background-position: right top;
	}
}

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

.container, #content.homepage .container { width: 480px; }
.content-wrap, #page-title, .breadcrumb, .postcontent, #content .container{
	width:450px;
	}
#page-title, #page-title .container {
	padding: 5px 5px 0 5px;
	width:470px;
	}
#page-title .container {
	padding:0;
	}
#page-title .container img {
	width: 150%;
	max-width: 150%;
	margin-left:-40%;
	}
.pro-page #page-title .container img, .news-page #page-title .container img{
			}
.about-page .postcontent {
	padding-bottom: 250px;
	background-size: 100%;
}
.breadcrumb{
	display:none;
	}
.sidebar .ipost .download, .sidebar .ipost .video, .sidebar .ipost .service {
	width: 120px;
	height: 250px;
	float: left;
	background-size: 80%;
}
.sidebar .ipost .download{
	margin-right: 10px;
}
.sidebar .ipost .service{
	margin-left: 10px;
}


#header { 
	height: auto;
	padding-bottom:10px; 
	}
#top-bar .lan span{
	display:none;
	}
#top-bar .lan span a{
	display: block;
	}
#top-menu {
	float: right;
}
#logo {
    text-align: center;
    width: 230px;
	border: 0px solid #000;
	float:none;
	margin:5px 5px 15px 5px;
}
.select-menu { 
	margin: 0;
	width:100%;
	float:none;
 }
#logo img{
    /*width: 100%;*/
}
#logo a,
#logo a.standard-logo {/* display: inline-block;*/ }
#top-bar {
	top:10px;
}
#top-menu {
	float: right;
	height: 90px;
	margin: 0;
	background-size: 60%;
	padding-right: 0;
	background-position: right bottom;
	border: 0px solid #000;
}

/*#top-menu ul li{
	display:none;
 }
#top-menu ul .login, #top-menu ul .register, #top-menu ul .cart{
	display:block;
 }*/
#primary-menu {
    margin: 0;
    height: auto;
}

#primary-menu {
    max-width: none;
    float: none;
}
#footer{
	padding: 0;
		 }
#footer .container {
	display:none;
	 }
.flex-prev,
.flex-next,
.rs-prev,
.rs-next,
.nivo-prevNav,
.nivo-nextNav,
.camera_prev,
.camera_next,
.camera_commands { bottom: 0; }

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 55px; }
.stretched #slider.thumb-slider .flex-control-thumbs,
.stretched #slider.thumb-slider .rs-thumb-wrap 
{
	display:none;
	 }
.flex-prev,
.flex-next,
.rs-prev,
.rs-next,
.nivo-prevNav,
.nivo-nextNav,
.camera_prev,
.camera_next,
.camera_commands,
.tp-leftarrow.default,
.tp-rightarrow.default,
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next
{
	/*display:none; */
	width: 40px !important;
	height: 40px !important;
	opacity: 0.5;
	}
.slide-caption,
.rs-caption,
.camera_caption,
.ei-title,
#page-title h1 span,
#top-search,
#lp-contacts { display: none !important; }
.nivo-caption .model{
	border: 0px solid #fff;
	width:50%;
	margin: 40px 0 0 30px;
	font-size: 17px;
	font-weight: 600;
}
.nivo-caption a.button{
	margin-right: 50px;
	margin-top: 35px;
	border-radius: 10px;
	padding: 5px 20px;
}

#page-title {  }


.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_one_fourth,
.col_three_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth,
.landing-offer-media,
.landing-offer-text,
.landing-offer-half{ width: 100%; }
.sitemap-page .col_one_third { width: 90%; }

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth,
.landing-offer-media,
.landing-offer-text,
.landing-offer-half {
	margin-right: 0;
	float: none;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	/*margin-bottom: 10px !important;*/ 
	 }
.ipost .fslider{
	/*display:none;*/
				}
.flexslider .slider-wrap img{
	}


.col_one_third.sidebar , .ipost.about .right-content{
	width: 100%;
	float: none;
	}
.ipost.new-product {
	padding: 20px;
}
.ipost.about .portfolio-title{
	width: 50%;
	}
.ipost .sidebar {
	margin-bottom: 20px;
}
.ipost.news {
	background-size: 100%;
	padding: 20px;
}
.ipost.product {
	width: 300px;
}
.product.col_three_fifth{
	width: 380px;
	float: none;
	}
.product .portfolio-item {
	width: 190px !important;
}
.ipost.feature .portfolio-item {
	width: 45%;
	border: 0px solid #000;
	margin:20px 10px;
}
.ipost .download, .ipost .video{
	width:175px;
	float:left;
	margin: 0 0 15px 0;
				}		
.ipost .video{
	float: right;
				}		
.ipost .service{
	width: 90%;
}
.pro-page .product .portfolio-item, .news-page .product .portfolio-item, .pro-page .product.categories .portfolio-item, .news-page .product.categories.gallery .portfolio-item, .about-page .product.categories.gallery .portfolio-item, .project-page .product.categories.gallery .portfolio-item, .video-page .product.categories.gallery .portfolio-item{
	width: 45% !important;
}
.pro-page .product.categories .portfolio-item {
	margin: 30px 10px 0 10px;
}
.news-page .product.categories.gallery .portfolio-item {
	margin: 10px 18px 10px 0;
}
.btn-toolbar {
	margin: 20px 10px;
}
#respond .col_one_third,
#respond .col_full { margin-bottom: 15px !important; }


.postcontent.col_last,
.sidebar.col_last { margin-bottom: 0 !important; }


#landing-area { padding: 30px 0; }

#landing-area .col_last { margin-top: 30px; }

.landing-offer-text { text-align: center; }

#landing-area h1 {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 15px;
}

#landing-area p.landing-desc {
    font-size: 13px;
    margin-bottom: 15px;
}

#landing-area ul.landing-features {
    font-size: 15px;
    line-height: 20px;
}

ul.landing-features li { margin-top: 6px; }

ul.landing-features li:first-child { margin-top: 0; }

.landing-action { margin-top: 15px; }


form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth,
form .col_last,
.ipost .col_full,
.ipost .col_half,
.ipost .col_one_third,
.ipost .col_two_third,
.ipost .col_three_fourth,
.ipost .col_one_fourth,
.ipost .col_one_fifth,
.ipost .col_two_fifth,
.ipost .col_three_fifth,
.ipost .col_four_fifth,
.ipost .col_one_sixth,
.ipost .col_five_sixth,
.ipost .col_last {
	 /*margin: 0 0 10px 0 !important;*/	  }


#countdown-wrap { padding: 30px 0; }

#countdown-wrap h1 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 30px;
}
#portfolio_tem .left_box{
	float:none;
}
#portfolio_tem .right_box{
	float: none;
	width: auto;
	width:100%;
}
#portfolio_tem .pro_info{
	clear: left;
	margin-top:10px;
}
#portfolio-filter { margin-top: -15px; }

#portfolio-filter li {
    padding: 15px 0;
    width: 33.33%;
}

#portfolio-filter li a {
    padding: 0 10px;
    border-left: none;
    text-align: center;
}
#portfolio_tem .right_box{
	float: none;
	width: auto;
}
#portfolio_tem .right_box img{
	max-width:80%;
	}
#portfolio_tem .left_box{
	width: 450px;
}
#portfolio_tem .left_box .big{
	height: 430px;
	width: 430px;
}
#portfolio_tem .left_box .big img {
	height:430px;
	max-height:430px;
}
.pro-page .quick_link{
	position: static;
	border-bottom: 1px solid #e5e5e5;
	}



#portfolio-filter li.activeFilter { border-bottom: 1px solid #57B3DF; }


#portfolio-single-wrap #slider,
#portfolio-single-wrap.portfolio-single-left #slider,
#portfolio-single-wrap.portfolio-single-full #slider,
.postcontent #portfolio-single-wrap #slider {
    float: none;
    margin-bottom: 30px;
    width: 100%;
}


#portfolio-details-wrap,
#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap,
#portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap,
.postcontent #portfolio-single-wrap #portfolio-details-wrap,
#portfolio-single-wrap.portfolio-single-full .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap .port-desc,
#portfolio-single-wrap.portfolio-single-full .port-details,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap .port-details,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details {
    float: none;
    width: 100%;
    margin: 0 0 30px;
}

#portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap,
.postcontent #portfolio-single-wrap #portfolio-details-wrap,
#portfolio-single-wrap.portfolio-single-full .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details { margin: 0; }

#portfolio-details-wrap .port-details { margin-top: 35px; }

#portfolio-navigation {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin: 20px auto 0;
}

.small-posts .entry_image {
    float: left;
    width: 175px;
    margin: 0;
}
.post-single .entry_image {
	width: 97%;
	margin: 20px 0;
}
.picline.left, .picline.right{
	float:none;
	width:95%;
	margin: 0 0 20px 0;
}
.entry_date {
    float: left;
    width: 60px;
    text-align: center;
}
.postcontent .entry_date {
    width: 40px;
    margin-right: 10px;
}
.entry_date div.year{
	/*display:none;*/
	}
.col_full .small-posts .entry_date { margin-right: 15px; }

.entry_date div.month,
.entry_date div.day,
.postcontent .entry_date div.month,
.postcontent  .entry_date div.day {
    font-size: 13px;
   /* padding: 0 0 12px;*/
}

.entry_date div.day,
.postcontent .entry_date div.day {
    /*padding: 12px 0 0;*/
    font-size: 20px;
}

.entry_date div.post-icon { font-size: 30px; }

.entry_c{
    margin-left: 25px;
    width: 350px;
}
.small-posts .entry_c, .contact-page .small-posts .entry_c { width: 260px; margin:0; }

.entry_title { 
	margin: 0;
 }

.entry_title h2 {
    font-size: 17px;
}

.post-single .entry_title h2 {
    font-size: 20px;
    line-height: 26px;
}

.entry_meta { margin: 0 -7px -7px 0; }

.small-posts .entry_meta,
.small-posts span.page-divider { display: none; }

.post-single .entry_meta { margin-bottom: 12px; }

.entry_meta li {
    margin: 0 7px 7px 0;
    float: none;
}

.entry_meta li span { display: none; }

.post-single .entry_meta li { text-align: center; }

.entry_content { 
 }

.small-posts .entry_content { 
	margin-top: 0;
	clear:both;
	width:100%;
	 }

.post-overlay {
    width: 16px;
    height: 16px;
    padding: 4px;
    line-height: 16px;
    font-size: 15px;
}

.ipost .post-overlay {
    width: 24px;
    height: 24px;
    padding: 6px;
    line-height: 24px;
    font-size: 22px;
}
img.alignleft,
div.alignleft,
img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter,
img.alignright,
div.alignright,
.wp-caption {
    display: block !important;
    float: none;
    margin: 10px auto;
    clear: both;
}

.wp-caption img {
    position: relative;
    margin: 0 auto !important;
}

.wp-caption { margin: 15px auto; }

.comment-avatar img {
    width: 40px;
    height: 40px;
}

.promo-desc { padding: 0 80px 0 0; }

/*.promo {
    padding: 15px 18px;
    text-align: center;
}


.promo h3 {
    font-size: 17px;
    line-height: 22px;
}

.promo-desc > span {
    font-size: 13px;
    line-height: 20px;
}

.promo-action {
    position: relative;
    right: auto;
    top: 0;
    margin: 12px auto 0;
    max-width: none;
}

.promo-action a {
    display: inline-block;
    font-size: 13px;
    padding: 0 12px;
    line-height: 36px;
}*/
.error-404 { 
/*font-size: 144px; */
padding: 20px 0 50px 0;
background-size: 100%;
background-position: center bottom;
background: none;
height:auto;
}

/*.error-404 span { font-size: 32px; }

.error-404-meta form { width: 280px; }

.error-404-meta input[type="text"] { width: 244px; }*/


.side-tabs { border-bottom: 3px solid #E5E5E5; }

.side-tabs ul.tabs {
    float: none;
    width: 100%;
    padding: 0;
    border: none;
}

.side-tabs ul.tabs li {
    border: 1px solid #DDD;
    border-top: none;
}

.side-tabs ul.tabs li.active {
    border-right: 1px solid #DDD;
    margin-right: 0;
}

.side-tabs ul.tabs li.active a:hover { border-right: none; }

.side-tabs .tab_content { padding: 20px 0; }


.pricing { margin-bottom: 20px; }

.pricing .pricing-wrap,
.pricing3 .pricing-wrap,
.pricing5 .pricing-wrap {
	float: none;
	width: 100%;
    margin-bottom: 20px;
}

.pricing .pricing-wrap.best-price { margin-left: 0; }

.pricing-wrap .pricing-inner { border: 1px solid #E5E5E5; }

.pricing-defines { display: none; }


#copyrights { padding: 20px; }

#copyrights .col_half, #copyrights .col_half.col_last {
	width: 80%;
	margin: 0 auto !important;
	 }

#copyrights a,
#copyrights span.link-divider { margin: 0 4px; }
#copyrights .pic {
float: none;
border-right: 0;
padding:0;
height:auto;
margin:0;
}
#contact-form-container.member-form-cv, #contact-form-container.member-form-feedback{
	background:url(../images/formbg.jpg) repeat-y;
	padding: 5px;
	background-size: 100% 100%;
	}
.member-form-login .control-group.verify_code .span8{
	width: 60%;
	}
.control-group{
	width: 100%;
		}
.control-group label{
	font-weight:bold;
	}
.control-group .span8{
	float: left;
	width:70%;
	}
.member-form-login .control-group .span8 {
	width: 60%;
}
.member-form-inquery .control-group, .member-form-inquery .top-form{
	width: 90%;
	}

.member-form-inquery .top-form .control-group{
	width: 100%;
	}

.member-form-inquery .control-group .span8, .member-form-inquery .control-group label, .member-form-inquery .top-form .control-group .span8, .member-form-inquery .top-form .control-group label, .member-form-inquery .control-group.verify_code label{
	width: 100%;
	float: none;
	padding: 5px 10px;
	background-color: transparent;
	}
.member-form-inquery .control-group label, .member-form-inquery .top-form .control-group label, .member-form-inquery .control-group.verify_code label{
	padding-bottom: 0;
	}

.member-form-inquery .control-group .span8, .member-form-inquery .top-form .control-group .span8{
	padding-top: 0;
	}

.member-form-inquery .control-group input[type="text"],
.member-form-inquery .control-group input[type="password"],
.member-form-inquery  .control-group textarea {
	background-color: #e5e5e5;
}
.member-form-inquery .top-form .control-group input[type="text"],
.member-form-inquery .top-form .control-group input[type="password"],
.member-form-inquery .top-form  .control-group textarea {
	background-color: #fff1d8;
}
.member-form-inquery .top-form .control-group.col_full .span8{
	width: 55%;
	}


.control-group .white{
	background-color:#FFF;
	padding:5px 10px;
	overflow:hidden;
	margin:10px 0;
		}
.control-group>div>label{
	width: 50%;
	font-weight: normal;
	margin-top:0;
	}
.control-group>div.span6>label{
	width: 25%;
	}
.span8.location div input:last-child {
width: 75%;
}
.span12 .input-block-level.input-other {
	display:block;
	width: 55%;
	}
.slogan {
	font-size: 25px;
	letter-spacing: 20px;
}
body.stretched.product-info { margin-bottom: 90px; }
.tab_widget ul.tabs.pro_list{
	height: 45px;
}
.tab_widget .tab_content{
	padding: 20px;}

.tab_widget ul.tabs.pro_list li{
	width:32%;
	height: 45px;
}
.tab_widget ul.tabs.pro_list li a, .tab_widget ul.tabs.pro_list li a.current, .tab_widget ul.tabs.pro_list li a:hover {
	height: 45px;
	background-position: left -35px;
	text-align: center;
}

.boxstyle1 table, .boxstyle1 .grybg, .boxstyle1 .redbg, .boxstyle2 table{
	width:100%;
				}

.sitemap .col_one_third{
	width: 50%;
	float:left;
	}
#content h1, .sidebar h3{
	font-size: 20px;
	margin-bottom: 0;
		}

.postcontent #portfolio.careers .portfolio-item{
	border: 0px solid #000;
	width: 210px !important;
}
.about-page .product.categories.gallery.careers .portfolio-image {
	width: 210px !important;
}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


#wrapper {
    /*width: 480px !important;*/
    margin: 0 auto;
}

#top-social {
	margin: 0 -30px 0 20px;
}
#slider,
.slider-wrap,
.ei-slider,
.rs-slider,
#slider.slider-nivo,
.nivoSlider,
.camera_wrap,
#slider.piecemaker-slider{
	clear:left;
	height: 270px;
	 }

#slider.revolution-slider .fullwidthbanner-container,
#slider.revolution-slider .fullwidthbanner {
    height: 200px !important;
    max-height: 200px !important;
}
.flexslider .slider-wrap > .slide {
	background-size:200%;
		}

#slider.thumb-slider { height: auto; }

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 27px; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap { height: 40px; }

.flex-control-thumbs li,
.rs-thumb-wrap a {
    width: 75px !important;
    height: 30px !important;
}

.rs-thumb-wrap a,
.flex-control-thumbs li img {
    height: 30px !important;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    width: 75px !important;
    height:  30px !important;
}

.rs-thumb-wrap a img { border: none; }

.countdown_section {
    width: 110px;
    font-size: 13px;
    line-height: 20px;
}

.countdown_amount {
	font-size: 54px;
    line-height: 60px;
}

.lp-subscribe form { max-width: 440px; }

.lp-subscribe .lp-subscribe-input { width: 303px; }

.lp-subscribe input[type="text"] { width: 243px; }

#portfolio,
.postcontent #portfolio { /*margin: 0 -10px -10px 0;*/ }

.postcontent .portfolio-item, .proline .portfolio-item {
   /* margin: 25px 10px 10px 35px;
    width: 350px !important;
	border: 0px solid #000;*/
}

.proline .portfolio-item .portfolio-image,
.proline .portfolio-item .portfolio-image a,
.proline .portfolio-item .portfolio-image img,
.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
/*    width: 350px;
    height: 350px;*/
}
#portfolio.portfolio-3,
.postcontent #portfolio.portfolio-3 { margin: 0 -10px -10px 0; }

.portfolio-3 .portfolio-item,
.postcontent .portfolio-3 .portfolio-item {
    margin: 0 10px 10px 0;
    width: 215px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img,
.postcontent .portfolio-3 .portfolio-image,
.postcontent .portfolio-3 .portfolio-image a,
.postcontent .portfolio-3 .portfolio-image img {
    width: 215px;
    height: 146px;
}

#portfolio.portfolio-2,
.postcontent #portfolio.portfolio-2 { margin: 0 0 -20px 0; }

.portfolio-2 .portfolio-item,
.postcontent .portfolio-2 .portfolio-item {
    margin: 0 0 20px 0;
    width: 440px;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img,
.postcontent .portfolio-2 .portfolio-image,
.postcontent .portfolio-2 .portfolio-image a,
.postcontent .portfolio-2 .portfolio-image img {
    width: 440px;
    height: 280px;
}

#portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
    width: 215px;
    margin: 0 10px 10px 0;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 215px;
    height: auto;
}

#portfolio .slider-wrap,
.postcontent #portfolio .slider-wrap { height: 168px; }

#portfolio.portfolio-3 .slider-wrap,
.postcontent #portfolio.portfolio-3 .slider-wrap { height: 146px; }

#portfolio.portfolio-2 .slider-wrap,
.postcontent #portfolio.portfolio-2 .slider-wrap { height: 280px; }


.portfolio-overlay-wrap,
.portfolio-3 .portfolio-overlay-wrap { display: none; }

.portfolio-2 .portfolio-overlay-wrap { display: block; }

#portfolio .p-overlay-icons,
#portfolio.portfolio-3 .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 58px;
    left: 50%;
    margin-left: -29px;
}

#portfolio.portfolio-2 .p-overlay-icons {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: auto;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
}


.portfolio-title h3 { font-size: 13px; }

#portfolio-details-wrap .port-terms h5 { width: 150px; }


#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img,
.postcontent #portfolio-related-items li,
.postcontent #portfolio-related-items li > a,
.postcontent #portfolio-related-items li > img {
    display: block;
    width: 143px !important;
    height: 111px;
}

.related-posts { margin: 0 -10px 0 0; }

.related-posts li,
.col_full .related-posts li {
    margin: 0 10px 0 0;
    width: 140px !important;
}

.rpost-image,
.rpost-image a,
.rpost-image img,
.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 140px !important;
    height: 102px;
}


.our-clients li,
.our-clients li a,
.our-clients li img {
    width: 128px !important;
    height: 82px;
}

.sidebar-widgets-wrap,
.footer-widgets-wrap {
    position: relative;
    margin: 0 -21px -40px -2px;
}

.sidebar-widgets-wrap .widget {
    width: 210px;
	margin: 0 20px 40px 0;
    border-top: none;
    padding-top: 0;
}

.sidebar-widgets-wrap .widget-scroll-prev,
.sidebar-widgets-wrap .widget-scroll-next { top: 0; }

#footer .col_one_fourth {
    width: 210px;
    margin: 0 20px 40px 0 !important;
}

.widget .tab_widget ul.tabs li a {
	padding: 0 12px;
    font-weight: bold;
}
.pro-page .widget .tab_widget ul.tabs li a {
	padding: 7px 30px 3px 30px;
}


.sidebar { width: 100%; }
.sidebar ul.product-nav li.pro-bg1, .sidebar ul.product-nav li.pro-bg2, .sidebar ul.product-nav li.pro-bg3{
	float:none;
	width:100%;
	margin-right:0;
	overflow:hidden;
		}
.sidebar ul.product-nav li li{
	width: 100%;
	float:left;
			}
.sidebar ul.product-nav li li a div{
	font-size:110%;
	float: left;
			}
.sidebar-widgets-wrap .widget,
#footer .col_one_fourth {
    display: inline-block;
    vertical-align: top;
    float: none;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#wrapper {
    /*width: 320px !important;
    width: 100% !important;*/
    margin: 0 auto;
}

.container, #content.homepage .container { width: 320px; }
.content-wrap, #page-title, .breadcrumb, .postcontent, #content .container{
	width:290px;
	}

#page-title, #page-title .container {
	width:310px;
	}
#page-title .container img {
	width: 170%;
	max-width: 170%;
	}

.about-page .postcontent {
	padding-bottom: 150px;
}
.sidebar .ipost .download, .sidebar .ipost .video, .sidebar .ipost .service {
	background-position: 85% 20%;
	background-size: 60%;
	height: 150px;
	width: 265px;
	float: none;
	margin: 10px 0;
}
.sidebar .ipost .download{
}
.sidebar .ipost .service{
	background-size: 50%;
}
.sidebar .ipost .download .btn, .sidebar .ipost .video .btn, .sidebar .ipost .service .btn {
	padding: 5px 50px;
	margin-left: -20px;
	}
#top-social ul { margin: 0 -20px; }

#header { 
height: auto;
 }
#logo{
	text-align:left;
	width:140px;
}
#logo img{
}
#header .sticky-search-area {
	width:210px;
}
#top-bar {
	top: 5px;
	right: 0;
	}
#top-bar .lan {
	 margin-top: 0;
	 width:auto;
}
#top-bar .lan select {
	display: block;
	}

#top-menu {
	padding: 0;
	width: auto;
	background-size: 60%;
	height: 80px;
	margin: -10px 0 0 0;
}
#top-menu ul {
	padding: 0;
	float:right;
	/*display: none;*/
	}
.news-action{ 
	margin-bottom: 10px;
 }
.select-menu { 
	margin: 0;
	width:100%;
	float:none;
 }
.stretched #page-title {
		}
.nivo-caption a.button{
	margin: 40px 30px 0 0;
	padding: 3px 10px;
			}


.nivo-caption .model{
	font-size: 15px;
}

#slider,
.slider-wrap,
.ei-slider,
.rs-slider,
#slider.slider-nivo,
.nivoSlider,
.camera_wrap,
#slider.piecemaker-slider{ 
	height: 210px;
 }
.flexslider .slider-wrap > .slide {
	background-size:200%;
		}
#slider.revolution-slider .fullwidthbanner-container,
#slider.revolution-slider .fullwidthbanner {
    height: 100px !important;
    max-height: 100px !important;
}
#slider.thumb-slider { height: auto;}

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 19px; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap { height: 19px; }

.flex-control-thumbs li,
.rs-thumb-wrap a {
    width: 32px !important;
    height: 19px !important;
}

.rs-thumb-wrap a,
.flex-control-thumbs li img {
    height: 32px !important;
    border-top: 3px solid #CCC;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    width: 32px !important;
    height: 16px !important;
}

.rs-thumb-wrap a img { border: none; }

.countdown_section {
    width: 70px;
    font-size: 12px;
    line-height: 20px;
}

.countdown_amount {
	font-size: 42px;
    line-height: 48px;
}

.lp-subscribe form {
    text-align: center;
    max-width: 280px;
}

.lp-subscribe .lp-subscribe-input { width: 280px; }

.lp-subscribe input[type="text"] {
    width: 220px;
    margin-bottom: 10px !important;
}

.lp-subscribe .lp-subscribe-submit { float: none; }

.lp-subscribe input[type="submit"] { display: inline-block; }

#content h1{
	margin-top: 30px;
		}
#portfolio_tem .left_box{
	}
#portfolio_tem .right_box, #portfolio_tem .left_box{
	width: 290px;
	border: 0px solid #000;
	}
#portfolio_tem .left_box .big{
	height: 280px;
	width: 280px;
	border-width: 5px;
}
#portfolio_tem .left_box .big img {
	height:280px;
	max-height:280px;
}
#portfolio_tem .download .btn{
	width: 85%;
	}

#portfolio-filter li { width: 50%; }

#portfolio,
.postcontent #portfolio { margin: 0 0 -10px 0; }

.portfolio-item,
.postcontent .portfolio-item {
    width: 280px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img,
.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
  /*width: 280px;
    max-height: 219px;*/
}

#portfolio.portfolio-3,
.postcontent #portfolio.portfolio-3 { margin: 0 0 -10px 0; }

.portfolio-3 .portfolio-item,
.postcontent .portfolio-3 .portfolio-item {
    margin: 0 0 10px 0;
    width: 280px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img,
.postcontent .portfolio-3 .portfolio-image,
.postcontent .portfolio-3 .portfolio-image a,
.postcontent .portfolio-3 .portfolio-image img {
    width: 280px;
    height: 190px;
}

#portfolio.portfolio-2,
.postcontent #portfolio.portfolio-2 { margin: 0 0 -10px 0; }

.portfolio-2 .portfolio-item,
.postcontent .portfolio-2 .portfolio-item {
    margin: 0 0 10px 0;
    width: 280px;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img,
.postcontent .portfolio-2 .portfolio-image,
.postcontent .portfolio-2 .portfolio-image a,
.postcontent .portfolio-2 .portfolio-image img {
    width: 280px;
    height: 178px;
}

#portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
    width: 280px;
    margin: 0 10px 10px 0;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 280px;
    height: auto;
}

#portfolio .slider-wrap,
.postcontent #portfolio .slider-wrap { height: 219px; }

#portfolio.portfolio-3 .slider-wrap,
.postcontent #portfolio.portfolio-3 .slider-wrap { height: 190px; }

#portfolio.portfolio-2 .slider-wrap,
.postcontent #portfolio.portfolio-2 .slider-wrap { height: 178px; }

.portfolio-title h3 { font-size: 13px; }

.portfolio-2 .portfolio-overlay-wrap {
    font-size: 12px;
    line-height: 20px;
}

#portfolio-details-wrap .port-terms h5 { width: 110px; }

.scroll-portfolio .portfolio-item { width: 280px !important; }

.scroll-portfolio .portfolio-item .portfolio-image,
.scroll-portfolio .portfolio-item .portfolio-image > a,
.scroll-portfolio .portfolio-item .portfolio-image > a > img {
    /*width: 280px !important;
   height: 224px;*/
}

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img,
.postcontent #portfolio-related-items li,
.postcontent #portfolio-related-items li > a,
.postcontent #portfolio-related-items li > img {
    display: block;
    width: 137px !important;
    height: 106px;
}


.small-posts .entry_image {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}

.entry_c,
.col_full .entry_c {
    margin-left: 0;
	clear: left;
    width: 100%;
}

.postcontent .small-posts .entry_c,
.col_full .small-posts .entry_c {
    width: 100%;
    margin: 0;
}

.entry_title {  }

.entry_image .post-overlay {
    width: 24px;
    height: 24px;
    padding: 6px;
    line-height: 24px;
    font-size: 22px;
}


.entry_share a { margin: 0 4px; }

.ipost.about .ipost-content {
	border: 0px solid #000;
	margin-bottom: 20px;
}
.ipost.about .portfolio-item .portfolio-image, .ipost.about .portfolio-title{
	width: 98%;
	margin: 0;
}
.ipost.about .portfolio-item .portfolio-image img{
	margin: 0;
}
.ipost.about .toptitle{
	display:none;
	}
.ipost.about .entry_date, .ipost.about .entry_title {
	width: 100%;
	float:none;
	text-align:left;
	font-size: 13px;
}
.ipost.about .entry_title {
	font-weight: 600;
	font-size: 15px;
		}
.ipost.feature{
	padding: 10px;
	}

.ipost.feature .portfolio-item{
	width: 46%;
	margin: 20px 5px;
	height: suto;
}
.ipost.feature .portfolio-title{
	font-size: 15px;
	color: #000;
}
.ipost .download, .ipost .video, .ipost .service{
	width: 86%;
	float: none;
	}
.ipost .download {
	background: url(../images/block-download.jpg) no-repeat 70px 20px #fefefe;
	background-size: 70%;
	height: 200px;
}
.ipost .video {
	background: url(../images/block-video.jpg) no-repeat 90px 30% #f8f8f8;
	height: 160px;
}
.product.col_three_fifth{
	width: 220px;
	float: none;
	}
.product .portfolio-item {
	width: 220px !important;
}
.pro-page .product .portfolio-item, .news-page .product .portfolio-item, .pro-page .product.categories .portfolio-item, .news-page .product.categories.gallery .portfolio-item, .about-page .product.categories.gallery .portfolio-item, .project-page .product.categories.gallery .portfolio-item, .video-page .product.categories.gallery .portfolio-item{
	width: 95% !important;
	background-image:none;
}
.news-page .product.categories.gallery .portfolio-item{
	margin: 0 0 20px 0;
	height: 240px;
	font-size:15px;
	font-weight: 700;
	}
.news-page .product.categories.gallery.big .portfolio-item{
	height: 200px;
}
.about-page .product.categories.gallery .portfolio-item, .about-page .product.categories.gallery.info .portfolio-item, .about-page .product.categories.gallery.cert .portfolio-item {
	height: auto;
}
.about-page .product.categories.gallery .portfolio-image img, .about-page .product.categories.gallery.cert .portfolio-image img  {
	width: 260px !important;
	/*height: 260px !important;*/
}
.about-page .product.categories.gallery.info .portfolio-image img  {
	width: 100% !important;
	height: auto !important;
}
.postcontent #portfolio.careers .portfolio-item{
	border: 0px solid #000;
	width: 280px !important;
	margin-bottom: 20px;
	height: auto;
}
.about-page .product.categories.gallery.careers .portfolio-image, .about-page .product.categories.gallery.careers .portfolio-image img {
	width: 280px !important;
	margin-bottom: 0;
	height: auto !important;
}
/*.about-page .product.categories.gallery.careers .portfolio-item div{
	border:  0px solid #000;
	margin: auto;
	width: 235px;
	margin-bottom: 10px;
	 }*/
.about-page .product.categories.gallery.careers .portfolio-info {
	height: auto;
}
.related-posts { margin: 0 -10px 0 0; }

.related-posts li,
.col_full .related-posts li {
    margin: 0 10px 0 0;
    width: 135px !important;
}

.rpost-image,
.rpost-image a,
.rpost-image img,
.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 135px !important;
    height: 98px;
}

.side-tabs ul.tabs { height: auto; }

.side-tabs ul.tabs li {
    height: 40px;
	line-height: 40px;
}
.side-tabs ul.tabs li a {
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;
}
.side-tabs ul.tabs li a i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.our-clients li,
.our-clients li a,
.our-clients li img {
    width: 124px !important;
    height: 80px;
}

.sidebar-widgets-wrap { margin: 0; }

.sidebar-widgets-wrap .widget {
    width: 280px;
	margin: 30px 0 0;
}

.sidebar-widgets-wrap .widget-scroll-prev,
.sidebar-widgets-wrap .widget-scroll-next { top: 30px; }

.sidebar-widgets-wrap .widget:first-child .widget-scroll-prev,
.sidebar-widgets-wrap .widget:first-child .widget-scroll-next { top: 0; }

.footer-widgets-wrap { margin: 0; }

#footer .col_one_fourth {
    width: 280px;
    padding-top: 30px;
    margin: 30px 0 0 0 !important;
    border-top: 3px double #E5E5E5;
}

#footer.footer-dark .col_one_fourth { border-top-color: #404040; }

#footer .col_one_fourth:first-child {
    padding-top: 0;
    margin-top: 0 !important;
    border: none;
}

.widget_search input[type="text"] { width: 233px; }

.widget .tab_widget ul.tabs { height: auto; }

/*.tab_widget ul.tabs{
	overflow:hidden;
	height: auto;
	padding: 10px;}
*/
.widget .tab_widget ul.tabs li {
	height: 35px;
	line-height: 30px;
	border-radius: 5px;
	background-image: none;
	border: 0px solid #000;
	margin: 0;
	}
.widget .tab_widget ul.tabs li a {
	font-size: 15px;
	padding: 5px 15px;
    font-weight: bold;
	text-align:center;
	display:block;
}
.pro-page .widget .tab_widget ul.tabs li a{
padding: 7px 30px;
}

.widget .tab_widget ul.tabs li a i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.portfolio-widget .portfolio-item { width: 280px; }

.portfolio-widget .portfolio-item .portfolio-image,
.portfolio-widget .portfolio-item .portfolio-image a,
.portfolio-widget .portfolio-item .portfolio-image img {
    width: 280px;
    height: 218px;
}
.promo-desc { padding: 0 ; }

.promo {
    padding: 15px 18px;
    text-align: center;
}


.promo h3 {
    font-size: 17px;
    line-height: 22px;
}

.promo-desc > span {
    font-size: 13px;
    line-height: 20px;
}

.promo-action {
    position: relative;
    right: auto;
    top: 0;
    margin: 12px auto 0;
    max-width: none;
}

.promo-action a {
    display: inline-block;
    font-size: 13px;
    padding: 0 12px;
    line-height: 36px;
}
.sidebar.event div{
	float:none;
	width:95%;
	margin-bottom:20px;
	}
.sidebar ul.product-nav li li a div{
	width: 200px;
	font-size:110%;
			}
.input-block-level.input-other, .span12 .input-block-level.input-other {
	width: 35%;
	}
.news .headnews{
	clear: none;
	height: auto;
	width:100%;
	float:none;
		}
.news li span{
	float: none;
	clear:both;
	display:block;
			}
.news .headnews span{
	float: right;
	clear:right;
		}

.slogan {
	font-size: 20px;
	letter-spacing: 10px;
}
.entry_share a {
    width: 30px;
    height: 30px;
}
.entry_share span {
	margin-top:5px;}
.tab_widget ul.tabs.pro_list li {
	width: 100%;
	height:80px;
	margin-bottom:5px;
	border-radius: 0px;
}
.tab_widget ul.tabs.pro_list li a, .tab_widget ul.tabs.pro_list li a:hover{
	background-position: left top;
	background-size: 100%;
	height:80px;
	padding: 40px 0 0 30px;
	border: 0px solid #000;
	text-align: left;
	}
.button.button-buy, .button.button-cart, .button.button-buy:hover, .button.button-cart:hover{
	background-size: 100%;
	height: 50px;
	width:110px;
	padding: 18px 0 0 0;
}
.button.button-cart, .button.button-cart:hover{
	width:140px;
	padding: 18px 0 0 30px;
}
.span8.location div input:first-child, .span8.location div input:last-child{
	width:100%;
}
.small-posts .entry_image{
	float: none;
	height: auto;
	}
.small-posts .entry_image img{
	max-width: 250px;
	max-height: 250px;
}
.contact-page .small-posts .entry_image{
	margin:auto;
	max-height: 120px;
	border: 0px solid #000;
	}

#contact-form-container.member-form-login{
	background:url(../images/formbg.jpg) repeat-y;
	padding: 5px;
	background-size: 100% 100%;
}
#contact-form-container form{
	margin: 0;
	padding: 10px;
	border: 1px solid #86765b;
}
.control-group, .member-form-inquery .top-form, .member-form-login .control-group.verify_code{
	width: 90%;
	margin: 0 auto;
		}
.control-group label{
	width: 100%;
	text-align:left;
	}
.control-group .span8, .member-form-login .control-group .span8, .member-form-login .control-group.verify_code .span8{
	float: none;
	width: 100%;
	}
.control-group .span8 .input-block-level {
width: 100%;
}
.button-group .simple-button{
	padding: 0 20px;
		}
.input-block-level.input-other{
	width: 100%;
	margin: 0;
			}
.sitemap .col_one_third{
	width: 90%;
	float: none;
	}
}
	
@media only screen and (max-width: 320px) {
.container, #content.homepage .container { 	width: 280px; }

.content-wrap, #page-title, .breadcrumb, .postcontent, #content .container{
	width: 250px;
	}
#page-title, #page-title .container {
	width:270px;
	}
.about-page .postcontent {
	padding-bottom: 130px;
}
.sidebar .ipost .download, .sidebar .ipost .video, .sidebar .ipost .service {
	width: 220px;
}


#logo{
	width:120px;
	margin-top: 15px;
}
#logo img{
}
#header .sticky-search-area {
	width:170px;
}
#slider, .slider-wrap, .ei-slider, .rs-slider, #slider.slider-nivo, .nivoSlider, .camera_wrap, #slider.piecemaker-slider {
height: 205px;
}
.product.col_three_fifth{
	width: 180px;
	float: none;
	}
.product .portfolio-item {
	width: 180px !important;
}
#portfolio_tem .right_box, #portfolio_tem .left_box{
	width: 250px;
	margin: 0;
	}
#portfolio_tem .left_box .big{
	height: 230px;
	width: 230px;
}
#portfolio_tem .left_box .big img {
	height:230px;
	max-height:230px;
}
#portfolio_tem .download .btn{
	width: 83%;
	}
		}