@media (max-width: 768px) {
    #blog .fullwidth-section img{
        width: 100%;
        height: auto;
    }
    #blog .fullwidth-section h4,#blog .fullwidth-section h6,#blog .fullwidth-section a,#blog .fullwidth-section p{
        text-align: center;
    }
    #portfolio .product img{
        width: 100%;
        height: auto;
    }
}


#portfolio .container-fluid .col-md-3{
	border: 1px solid #ababab;
}
#portfolio .container-fluid .col-md-3 img{
	display: block;
	margin: 0 auto;
	margin-top: 10%;
}
#portfolio .container-fluid .col-md-3 p{
	text-align: center;
	margin-top: 7%;
	font-size: 1.4em;
	margin-bottom: 5%;
}
#page_index {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
#page_index li{
	list-style: none;
}
#page_index > li:first-child > a, #page_index > li:first-child > span {
margin-left: 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
#page_index > li:last-child > a, #page_index > li:last-child > span {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#page_index > li > a:hover, #page_index > li > span:hover, #page_index > li > a:focus, #page_index > li > span:focus {
color: #f56363;
background-color: #eee;
border-color: #ddd;
}
#page_index > li > a, #page_index > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #50525F;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
#page_index > .active > a, #page_index > .active > span, #page_index > .active > a:hover, #page_index > .active > span:hover, #page_index > .active > a:focus, #page_index > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #f56363;
border-color: #f56363;
}
#list-h span { border:1px solid #ddd;}
#list-h span.sel { border:1px solid #f60;}
#spec-n1 div b img,#spec-n1 p{
    border: 1px solid #ccc;
    z-index: 200;
}
.content-bottom-right h1{
    font-size: 20px;
    line-height: 45px;
    font-weight: bold;
    float: left;
}
.content-bottom-right .download{
    float: right;
    color: #f66c53;
    line-height: 35px;
    text-align: center;
    border:1px solid #f66c53;
    padding:0 5px;
}
.content-bottom-right .download:hover{
    text-decoration: underline;
}
.content-bottom-right .pro_s_d1{
    width: 100%;
    overflow: hidden;
}
.content-bottom-right .pro_s_d2{
    margin-bottom: 10px;
    padding-top: 8px;
    float: left;
    width: 50%;
    font-size: 0.9em;
}
.content-bottom-right .pro_s_d2 span{
    color: #f66c53;
    padding-left: 10px;
    font-weight: bold;
}
.content-bottom-right .pro_desc{
    font-size: 0.9em;
    padding: 15px 5px 30px 5px;
}
.content-bottom-right .pro_keywords{
    font-size: 0.9em;
    color: #555;
    border-top:1px solid #ccc;
    padding: 20px 0px 30px 0px;
}
.content-bottom-right .pro_keywords span{
    color: #000;
}
.content-bottom-right .pro_csl_btn{
    text-align: center;
    margin-top: 30px;
}
.content-bottom-right .pro_csl_btn a{
    background-color: #f66c53;
    padding: 5px 20px 5px 20px;
    text-align: center;
    color: #fff;
    border:1px solid #f66c53;
    font-weight: bold;
}
.content-bottom-right .pro_csl_btn a:hover{
    background-color: #fff;
    border:1px solid #f66c53;
    color: #333;
}
.content-bottom-right .pro_o_option{
    border-bottom:1px solid #ccc;
    width: 100%;
    overflow: hidden;
}
.content-bottom-right .pro_o_option a{
    display: block;
    text-align: center;
    color: #504f4f;
    float: left;
    margin-top: 30px;
    margin-bottom: 5px;
    margin-right: 40px;
    font-size: 0.9em;
}
.content-bottom-right i{
    color: #f66c53;
    font-weight: bold;
}
.content-bottom-right .pro_o_option a:hover{
    text-decoration: underline;
}
.pro_body{
    padding:20px;
}
.pro_body span{
    font-weight: bold;
    display: block;
    margin-top: 10px;
}
.pro_body p{
    line-height: 30px;
    font-size: 0.9em;
    margin-top: 10px;
}
#team .owl-carousel .team-wrapper{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
#team .owl-carousel .team-wrapper:hover{
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1),10px 0 15px rgba(0, 0, 0, 0.1),0 15px 15px rgba(0, 0, 0, 0.1);
    /* -webkit-box-shadow: 10px 15px 30px rgba(0,0,0,0.1); */
    transform: translate3d(0,-4px,0);
    -webkit-transform: translate3d(0,-4px,0);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
#team .owl-carousel .team-wrapper a h4{
    transition: all .3s;
}
#team .owl-carousel .team-wrapper a h4:hover{
    color: #f56363;
    transition: all .3s;
}
#blog .fullwidth-section a{
    transition: all .3s;    
}
#blog .fullwidth-section a:hover{
    color: #f56363;
    transition: all .3s;    
}
.product .product_img{
    padding: 10px 10px;
    border: 1px solid #ddd;
    /* box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1),10px 0 15px rgba(0, 0, 0, 0.1),0 15px 15px rgba(0, 0, 0, 0.1);
    transform: translate3d(0,-4px,0);
    -webkit-transform: translate3d(0,-4px,0); */
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.product .product_img:hover{
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1),10px 0 15px rgba(0, 0, 0, 0.1),0 15px 15px rgba(0, 0, 0, 0.1);
    /* -webkit-box-shadow: 10px 15px 30px rgba(0,0,0,0.1); */
    transform: translate3d(0,-4px,0);
    -webkit-transform: translate3d(0,-4px,0);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.product .product_img a h4{
    transition: all .3s;
}
.product .product_img a h4:hover{
    color: #f56363;
    transition: all .3s;
}
/* .product .product_list_tab{
    text-align: center;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid #ccc;
}
.product .product_list_tab .row .col-md-3{
    padding: 30px 0px!important;
    border:none;
    position:relative;
    vertical-align:baseline;
}
.product .product_list_tab .row .col-md-3 p{
    cursor: pointer;
    margin: 0;
}
.product .product_list_tab .row .active{
    border-bottom: 2px solid #f56363;
}
.product .product_list_tab .row .col-md-3::before,.product .product_list_tab .row .col-md-3::after,.product .product_list_tab .row .col-md-3>.ui-border-element::before,.product .product_list_tab .row .col-md-3>.ui-border-element::after {
    content:'';
    position:absolute;
}
.product .product_list_tab .row .col-md-3::after {
    border-bottom:5px solid #f56363;
    left:51%;
    right:51%;
    bottom:0px;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
}
.product .product_list_tab .row .col-md-3:hover::after {
    left:0%;
    right:0%;
}
.product .product_list_tab .row .col-md-3:not(:hover)::after {
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
}
.product .product_list_box .posi{
    display: none;
}
.product .product_list_box .active{
    display: block;
}
.product .product_list_box .posi ul li{
    list-style: none;
    float: left;
}
.product .product_list_box .posi ul li span a,.product .product_list_box .posi ul li span p,.product .product_list_box .posi ul li span{
    display: block;
    text-align: center;
}
.product .product_list_box .posi ul li span{
    padding: 15px;
}
.product .product_list_box .posi ul li span p{
    margin-top: 5px;
} */
