@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait) ----------- */
@media (min-width: 320px) and (max-width: 450px) {
.container { width:300px;padding:0 5px;}

#header .logo {float:none;margin:0 auto 20px;}
#header .head_right {float:left;}
#header .head_right a {padding: 14px 17px;}
#nav {float:right !important;margin-top:-25px;}

#slider {padding: 25px 0 10px 0;height:195px;}
#slider .slid .carousel-control {  bottom: 33px;}
#slider .slid .carousel-control.left {width:10px !important;}
#slider .slid .carousel-control.right {width:10px !important;}

#slider .slid {width:100%;overflow:hidden;}
#slider .slid a.left img {width:100%;}
#slider .slid a.right img {width:100%;}
#slider .slid .img {width:260px;margin:0 10px;}
#slider .slid .img img {width:100%;}
#slider .txt {width:100%;margin:10px 0 0 0;}
#slider .txt p {font-size:12px;}
#slider .txt span a {font-size:12px;line-height:25px;display:block;float:left;margin-left:61px;}
#slider .txt a span {width:7px;display:block;float:right;margin-left:3px;}


#cantent .home-row1 .info_box ul li {float:none; margin: 0 7px 15px; overflow:hidden; clear:both;}
#cantent .home-row1 .info_box .box {width:100%;}
#cantent .home-row1 .txt_box p {font-size: 13px;margin-top: 9px;}
#cantent .home-row1 .txt_box {margin: 0 0 45px; overflow:hidden; clear:both;}

#cantent .home-row2 .studies {width:100%;float:none;overflow:hidden;}
#cantent .home-row2 .studies .txt p {font-size: 20px;line-height: 25px;}
#cantent .home-row2 .studies .txt p span {margin-top: 20px;}
#cantent .home-row2 .gallry {width:100%;float:none;overflow:hidden;margin-top:10px;}
#cantent .home-row2 .gallry h5 {margin-left:0;}
#cantent .home-row2 .gallry ul li {width:100%;margin: 0 0px 18px 0px;}
#cantent .home-row2 .gallry ul li img {width:100%;}

#cantent .con_bottm p {font-size:17px;}

/*standerd*/
.border {height:30px;}
.tag_line {padding: 15px 0 20px;}
.tag_line h5 {padding-left:0;}
.tag_line p {padding-left:0;}

#cantent .standerd .menu_blok {width:100%;}
#cantent .standerd {padding-left:0;}
#cantent .standerd .info_box {width:100%;padding:0 10px;margin-top:25px;}
#cantent .standerd .info_box strong {font-size:17px;line-height:21px;}
#cantent .standerd .info_box p {font-size:13px;margin: 16px 0;}

/* cart_listing */
#cantent .cart_listing {padding-top:40px;}
#cantent .title {margin-left:0;overflow:visible;}
#cantent .cart_listing .block-1 .gallry_box ul li {margin:0 0 20px 0;width:100%;}
#cantent .cart_listing .block-1 .gallry_box ul li:last-child {margin:0;}
#cantent .cart_listing .block-1 .gallry_box ul li img {width:100%;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box {padding: 0 30px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box p {font-size: 14px;
    padding-top: 15px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box p strong {font-size: 18px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box a {margin-top:6px;font-size:30px;line-height:24px;}
#cantent .cart_listing .block-1 a.view {clear:both;}

/* cart detail */
#cantent .title a.back {margin-top: -65px;}
#cantent .cart_detail .video_box {padding-left:0;width:100%;}
#cantent .cart_detail .video_box img {width:100%;}
#cantent .cart_detail .video_box:hover .play {margin-left:0;width:100%;}
#cantent .cart_detail .video_box:hover .play a {right:10px;bottom:10px;}
#cantent .cart_detail .txt_box {margin-left:0;}
#cantent .cart_detail .block_1 {margin:35px 0 0 0;}
#cantent .cart_detail .block_1 .img {width:100%;float:none;}
#cantent .cart_detail .block_1 .img img {width:100%;}
#cantent .cart_detail .block_1 .right_box {width:100%;float:none;margin-bottom:20px;}
#cantent .cart_detail .block_1 .right_box .srvic_blk {margin-top:20px;}
#cantent .cart_detail .pro_gallry h5 {padding-left:0;}
#cantent .cart_detail .pro_gallry ul {overflow:hidden;margin:20px 0 0 0;}
#cantent .cart_detail .pro_gallry ul li {margin:0 0 15px 0;width:100%;}
#cantent .cart_detail .pro_gallry ul li:last-child {margin:0;}
#cantent .cart_detail .pro_gallry ul li img {width:100%;}
#cantent .cart_detail .pro_gallry ul li:hover span {bottom:15px;right:15px;}
#cantent .cart_detail .pro_gallry ul li:hover span a {background-size:cover;width:30px;height:30px;}
/* contact */
#cantent .contact_us .form {width:100%;float:none;overflow:hidden;}
#cantent .contact_us .form ul li:last-child {margin-right:10px;}
#cantent .contact_us .form .txtbox {width:290px;}
#cantent .contact_us .form .txtarea {width:290px;}
#cantent .contact_us .construc {width:100%;float:none;overflow:hidden;margin-top:25px;}


#footer {padding: 20px 0 35px;}
#footer ul {width:100%;}
#footer ul li {font-size: 14px; margin:3px 14px;}

}


/* Smartphones (landscape) ----------- */
@media (min-width: 480px) and (max-width: 750px) {
.container { width:460px;padding:0 5px;}

#slider {padding-top: 50px;height:315px;}

#slider .slid .carousel-control {  bottom: 50px;}
#slider .slid .carousel-control.left {width:15px !important;}
#slider .slid .carousel-control.right {width:14px !important;}

#slider .slid {width:450px;overflow:hidden;}
#slider .slid a.left img {width:100%;}
#slider .slid a.right img {width:100%;}
#slider .slid .img {width:390px;margin:0 15px;}
#slider .slid .img img {width:100%;}
#slider .txt {width:450px;}
#slider .txt p {font-size:19px;}
#slider .txt a {font-size:15px;line-height:33px;}
#slider .txt a span img {width:auto;}

#cantent .home-row1 .txt_box {margin: 0 0 45px;}
#cantent .home-row1 .info_box ul li {margin: 0 7px 15px;}
#cantent .home-row1 .info_box .box {width:211px;}

#cantent .home-row2 .studies {width:100%;float:none;overflow:hidden;}
#cantent .home-row2 .gallry {width:100%;float:none;overflow:hidden;margin-top:10px;}
#cantent .home-row2 .gallry h5 {margin-left:0;}
#cantent .home-row2 .gallry ul li {width:205px;margin: 0 10px 18px 10px;}
#cantent .home-row2 .gallry ul li img {width:100%;}

/*standerd*/
.border {height:30px;}
.tag_line {padding: 15px 0 20px;}
.tag_line h5 {padding-left:0;}
.tag_line p {padding-left:0;}

#cantent .standerd .menu_blok {width:100%;}
#cantent .standerd {padding-left:0;}
#cantent .standerd .info_box {width:100%;padding:0 10px;margin-top:25px;}
#cantent .standerd .info_box strong {font-size:20px;line-height:25px;}
#cantent .standerd .info_box p {font-size:13px;margin: 16px 0;}

/* cart_listing */
#cantent .cart_listing {padding-top:40px;}
#cantent .title {margin-left:0;}
#cantent .cart_listing .block-1 .gallry_box ul li {margin:0 0 20px 0;width:100%;}
#cantent .cart_listing .block-1 .gallry_box ul li:last-child {margin:0;}
#cantent .cart_listing .block-1 .gallry_box ul li img {width:100%;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box {padding: 0 40px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box p {font-size: 17px;
    padding-top: 30px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box p strong {font-size: 22px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box a {margin-top:66px;font-size:30px;}
#cantent .cart_listing .block-1 a.view {clear:both;}

/* cart detail */
#cantent .cart_detail .video_box {padding-left:0;width:100%;}
#cantent .cart_detail .video_box img {width:100%;}
#cantent .cart_detail .video_box:hover .play {margin-left:0;width:100%;}
#cantent .cart_detail .video_box:hover .play a {right:10px;bottom:10px;}
#cantent .cart_detail .txt_box {margin-left:0;}
#cantent .cart_detail .block_1 {margin:35px 0 0 0;}
#cantent .cart_detail .block_1 .img {width:100%;float:none;}
#cantent .cart_detail .block_1 .img img {width:100%;}
#cantent .cart_detail .block_1 .right_box {width:100%;float:none;margin-bottom:20px;}
#cantent .cart_detail .block_1 .right_box .srvic_blk {margin-top:20px;}
#cantent .cart_detail .pro_gallry h5 {padding-left:0;}
#cantent .cart_detail .pro_gallry ul {overflow:hidden;margin:20px 0 0 0;}
#cantent .cart_detail .pro_gallry ul li {margin:0 7px 15px 8px;width:135px;}
#cantent .cart_detail .pro_gallry ul li img {width:100%;}

/* contact */
#cantent .contact_us .form {width:100%;float:none;overflow:hidden;}
#cantent .contact_us .form ul li:last-child {margin-right:63px;}
#cantent .contact_us .construc {width:100%;float:none;overflow:hidden;}

#footer {padding: 20px 0 35px;}
#footer ul {width:100%;}
#footer ul li {font-size: 13px; margin: 0 6px;}

}


/* Tablet Both View ----------- */
@media (min-width: 768px) and (max-width: 960px) {
.container { width:724px; }

#nav {padding-top:30px;}
#nav ul li {font-size:16px;margin-right:27px;}
#nav ul li:last-child {margin-right:0;}

#slider {padding-top: 50px;height:415px;}

#slider .slid .carousel-control {  bottom: 79px;}

#slider .slid {width:650px;overflow:hidden;}
#slider .slid .img {width:556px;margin:0 25px;}
#slider .slid .img img {width:100%;}
#slider .txt {width:650px;}
#slider .txt p {font-size:25px;}
#slider .txt a {font-size:15px;}
#slider .txt a span img {width:auto;}

#cantent .home-row1 .txt_box {margin: 0 0 35px 20px;}
#cantent .home-row1 .info_box ul li {margin-left:10px;}
#cantent .home-row1 .info_box .box {width:171px;}
#cantent .home-row1 .info_box .box .title {padding: 10px 0;}
#cantent .home-row1 .info_box .box .title h5 {font-size: 14px; margin: 0 6px 0 5px;}
#cantent .home-row1 .info_box .box .img .txt a.more {font-size: 12px;padding: 2px 10px 3px;}

#cantent .home-row2 .studies .txt {padding: 20px 20px 10px 60px;}
#cantent .home-row2 .studies .txt p {font-size: 23px;  line-height: 28px;}
#cantent .home-row2 .studies .txt p span {font-size: 13px;margin-top: 20px; }

#cantent .home-row2 .gallry ul li {width:163px;margin: 0 0 18px 18px;}
#cantent .home-row2 .gallry ul li img {width:100%;}

#cantent .con_bottm p {font-size:25px;}
#cantent .con_bottm a {padding: 5px 25px 9px;}

/*standerd*/
.border {height:30px;}
.tag_line {padding: 15px 0 20px;}
.tag_line h5 {padding-left:0;}
.tag_line p {padding-left:0;}

#cantent .standerd {padding-left:0;}
#cantent .standerd .info_box {width:490px;}
#cantent .standerd .info_box strong {font-size:20px;line-height:25px;}
#cantent .standerd .info_box p {font-size:13px;margin: 16px 0;}

/* cart_listing */
#cantent .cart_listing {padding-top:40px;}
#cantent .title {margin-left:0;}
#cantent .cart_listing .block-1 .gallry_box ul li {margin:0 20px 0 0;width:228px;}
#cantent .cart_listing .block-1 .gallry_box ul li:last-child {margin:0;}
#cantent .cart_listing .block-1 .gallry_box ul li img {width:100%;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box {padding: 0 15px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box p {font-size: 14px;
    padding-top: 15px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box p strong {font-size: 14px;}
#cantent .cart_listing .block-1 .gallry_box ul li:hover .span_box a {margin-top:5px;}
#cantent .cart_listing .block-1 a.view {clear:both;}

/* cart detail */
#cantent .cart_detail .video_box {padding-left:0;}
#cantent .cart_detail .video_box:hover .play {margin-left:0;width:100%;}
#cantent .cart_detail .txt_box {margin-left:0;}
#cantent .cart_detail .block_1 {margin:35px 0 0 0;}
#cantent .cart_detail .block_1 .img {width:100%;float:none;}
#cantent .cart_detail .block_1 .img img {width:100%;}
#cantent .cart_detail .block_1 .right_box {width:100%;float:none;margin-bottom:20px;}
#cantent .cart_detail .block_1 .right_box .srvic_blk {margin-top:20px;}
#cantent .cart_detail .pro_gallry h5 {padding-left:0;}
#cantent .cart_detail .pro_gallry ul {overflow:hidden;margin:20px 0 0 0;}
#cantent .cart_detail .pro_gallry ul li {margin:0 15px 0 0;width:108px;}
#cantent .cart_detail .pro_gallry ul li:last-child {margin:0;}
#cantent .cart_detail .pro_gallry ul li img {width:100%;}


}


@media (max-width: 767px) {
#nav {position:relative;float:none;padding-top:0;}
#nav a.menu { display:block; margin:0 11px 0 0;}
#nav ul { display:none; float:none; position:absolute; top:100%; right:11px; background:#fff;z-index:999;padding:0;margin:0;}
#nav ul li { float:none; width:auto; padding:0; margin-right:0;text-align:center; border-bottom:solid 1px #FFDE00;}
#nav ul li a { float:none; border-radius:0 !important;padding:5px 10px;color:#000;}
#nav ul li:hover {border-bottom:solid 1px #000;}
#nav ul li a:hover { background:#FFDE00;}
#nav ul li span { display:none !important;}
}