/**************** Responsive Style ****************/
@media print {
a[href^=http]:after {
content:" [" attr(href) "] ";
}
a[href^="#"]:after {
content:"";
}
ul, ol {
	page-break-inside:avoid;
}
header, #looped-slider, aside, footer, .share-post, #wp_page_numbers, .related-post, #twos-comment, .post-meta { display:none;}
.pbox { margin:0 3px 22px;}
#main-content { float:none; width:100%;}
}
@media only screen and (min-width : 980px) and (max-width : 1150px) {
header, .product-wrapper, #about-content, #middle-footer, #copyright-wrapper, #container { width:960px;}
.clear-res1 { display:block;}
.product-wrapper .clear { display:none;}
header .fr { width:578px;}
#logo #slogan { right:260px;}
.MainNav { visibility: hidden; overflow: hidden; }
.ResponsiveMainMenu { float: right; visibility: visible; position: relative; top: -50px; right:10px; z-index: 200;}
#looped-slider, #looped-slider .container, #looped-slider .slides div, #looped-slider .slides div a img { width:926px;}
#welcome { width:930px;}
.pbox { margin:0 28px 28px;}
#main-content .pbox { margin:0 48px 25px;}
#main-content, #main-content .product-wrapper { width:702px;}
.post-thumb, .post-thumb img { max-width:100%; height:auto;}
.share-post a { width:206px; margin:0 5px 25px;}
.related-post ul li { width:216px;}
.related-post ul li img { width:214px; height:166px;}
aside { width:240px;}
.featured-widg img { width:208px; height:175px;}
#commentform #submit { margin:0 0 0 271px;}
.wpcf7-form .wpcf7-submit { margin:0 0 0 293px;}
.gallery > img { width:214px; height:170px;}
.footer-widg { margin:0 0 15px 12px;}
}
@media only screen and (min-width : 768px) and (max-width : 980px) {
header, .product-wrapper, #about-content, #middle-footer, #copyright-wrapper, #container { width:98%;}
.clear-res2 { display:block;}
.product-wrapper .clear { display:none;}
header .fr { width:440px;}
header .fl { width:296px;}
#header-menu li { margin-right:14px;}
#logo #slogan { right:244px; top:80px; width:205px;}
.MainNav { visibility: hidden; overflow: hidden; }
.ResponsiveMainMenu { float: right; visibility: visible; position: relative; top: -50px; right:10px; z-index: 200;}
#looped-slider, #looped-slider .container, #looped-slider .slides div, #looped-slider .slides div a img { width:710px;}
#welcome { width:95%;}
.pbox { margin:0 52px 28px;}
#main-content .pbox { margin:0 57px 25px;}
#main-content { width:100%; float:none; margin:14px auto 20px;}
#main-content .product-wrapper { width:100%;}
.post-thumb, .post-thumb img { max-width:100%; height:auto;}
.share-post a { width:208px;}
.related-post ul li { width:216px; margin:0 11px 10px;}
.related-post ul li img { width:214px; height:166px;}
aside { width:50%; float:none; margin:0 auto;}
#commentform #submit, .wpcf7-form .wpcf7-submit { margin:0; float:right;}
.gallery > img { width:214px; height:170px; margin:0 9px 18px;}
.footer-widg { margin:0 77px 15px;}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
header, .product-wrapper, #about-content, #middle-footer, #copyright-wrapper, #container { width:98%;}
.product-wrapper .clear { display:none;}
header .fr, header .fl { float:none; margin:0 auto;}
#logo #slogan { right:244px; width:205px;}
#header-menu { float:none;}
#twosocial { float:none; margin:0 auto 20px;}
.MainNav { visibility: hidden; overflow: hidden; }
.ResponsiveMainMenu { float: right; visibility: visible; position: relative; top: -37px; right:10px; z-index: 200;}
#looped-slider, #looped-slider .container, #looped-slider .slides div, #looped-slider .slides div a img { width:426px;}
#looped-slider, #looped-slider .container, #looped-slider .slides div a img { height:212px;}
#looped-slider .next, #looped-slider .previous { bottom:86px;}
#looped-slider .previous:active, #looped-slider .next:active { bottom:84px;}
#welcome { width:93%;}
.pbox, #main-content .pbox { float:none; margin:0 auto 22px;}
#main-content { width:100%; float:none; margin:14px auto 20px;}
#main-content .product-wrapper { width:100%;}
.post-thumb, .post-thumb img { max-width:100%; height:auto;}
.share-post a { float:none; margin:0 auto 10px;}
.related-post ul li { float:none; margin:0 auto 10px;}
aside { width:100%; float:none; margin:0 auto;}
#commentform #submit, .wpcf7-form .wpcf7-submit { margin:0; float:right;}
.gallery > img { margin:0 auto 10px; display:block;}
.footer-widg, #newsletter { margin:0 auto 15px; float:none;}
#btm-footer { height:auto; background:#1b1a1a;}
#copyright-wrapper p, #copyright-wrapper #copyright { float:none; text-align:center;}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
header, .product-wrapper, #about-content, #middle-footer, #copyright-wrapper, #container { width:98%;}
.product-wrapper .clear, #header-menu, .post-meta { display:none;}
header .fr, header .fl { float:none; margin:0 auto;}
#logo a { background:none; padding:0; text-align:center; display:block; text-indent:-9999px;}
#logo #slogan { right:0; text-align:center; text-indent:-9999px;}
#twosocial { float:none; margin:0 auto 20px;}
.MainNav { visibility: hidden; overflow: hidden; }
.ResponsiveMainMenu { float: right; visibility: visible; position: relative; top: -54px; right:36px; z-index: 200;}
#welcome { width:90%;}
.pbox, #main-content .pbox { float:none; margin:0 auto 22px;}
#main-content { width:100%; float:none; margin:14px auto 20px;}
#main-content .product-wrapper { width:100%;}
.post-thumb, .post-thumb img { max-width:100%; height:auto;}
.share-post a { float:none; margin:0 auto 10px;}
.related-post ul li { float:none; margin:0 auto 10px;}
aside { width:100%; float:none; margin:0 auto;}
#commentform textarea, .wpcf7-form textarea { width:236px;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:256px;}
.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { margin:0; float:right;}
ol.commentlist li div.vcard { width:150px;}
.gallery > img { margin:0 auto 10px; display:block;}
.footer-widg, #newsletter { margin:0 auto 15px; float:none;}
#btm-footer { height:auto; background:#1b1a1a;}
#copyright-wrapper p, #copyright-wrapper #copyright { float:none; text-align:center; line-height:18px;}
.ResponsiveMainMenu {
 float: none;
 width:200px;
}
.ResponsiveMainMenuFlyout li a {
 padding: 8px 2% 8px 0;
 box-sizing: border-box;
}
.ResponsiveMainMenuFlyout li a:hover {
 background: linear-gradient(#585858, #424242);
 background: -webkit-linear-gradient(#585858, #424242);
 background: -o-linear-gradient(#585858, #424242);
 background: -moz-linear-gradient(#585858, #424242);
 box-sizing: border-box;
}
/*
	.ResponsiveMainMenuFlyout li .ResponsiveMainMenuFlyoutSubUL {
		max-height: 0;
		overflow: hidden;
		opacity: 1;
		visibility: visible;
		-webkit-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		-moz-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		-ms-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		-o-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
	}

	.ResponsiveMainMenuFlyout li:hover .ResponsiveMainMenuFlyoutSubUL {
		max-height: 600px;
	}
*/
.ResponsiveMainMenuFlyoutUL li {
 position: static;
}
.ResponsiveMainMenuFlyoutSubUL {
 width: 100%;
 border-top: 0;
 position: static;
 left: 0;
 top: 0;
}
.ResponsiveMainMenuFlyoutSubUL li a {
 box-sizing: border-box;
}
.ResponsiveMainMenuFlyoutSubUL li a:hover {
 color: #eee;
 background: linear-gradient(#767676, #626262);
 background: -webkit-linear-gradient(#767676, #626262);
 background: -o-linear-gradient(#767676, #626262);
 background: -moz-linear-gradient(#767676, #626262);
 box-sizing: border-box;
}
}
@media only screen and (max-width : 320px) {
header, .product-wrapper, #about-content, #middle-footer, #copyright-wrapper, #container { width:98%;}
.product-wrapper .clear, #header-menu, .post-meta { display:none;}
header .fr, header .fl { float:none; margin:0 auto;}
#logo a { background:none; padding:0; text-align:center; display:block; text-indent:-9999px;}
#logo #slogan { right:0; text-align:center; text-indent:-9999px;}
#twosocial { float:none; margin:0 auto 20px;}
.MainNav { visibility: hidden; overflow: hidden; }
.ResponsiveMainMenu { float: right; visibility: visible; position: relative; top: -54px; right:36px; z-index: 200;}
#welcome { width:88%;}
.pbox, #main-content .pbox { float:none; margin:0 auto 22px;}
#main-content { width:100%; float:none; margin:14px auto 20px;}
#main-content .product-wrapper { width:100%;}
.post-thumb, .post-thumb img { max-width:100%; height:auto;}
.share-post a { float:none; margin:0 auto 10px;}
.related-post ul li { float:none; margin:0 auto 10px;}
aside { width:100%; float:none; margin:0 auto;}
#commentform textarea, .wpcf7-form textarea { width:155px;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:238px;}
.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { margin:0; float:right;}
ol.commentlist li div.vcard { width:141px;}
.gallery > img { margin:0 auto 10px; display:block;}
.footer-widg, #newsletter { margin:0 auto 15px; float:none;}
#newsletter { width:280px;}
#newsletter .wpcf7-form input { width:220px;}
#btm-footer { height:auto; background:#1b1a1a;}
#copyright-wrapper p, #copyright-wrapper #copyright { float:none; text-align:center; line-height:18px;}
.ResponsiveMainMenu {
 float: none;
 width:200px;
}
.ResponsiveMainMenuFlyout li a {
 padding: 8px 2% 8px 0;
 box-sizing: border-box;
}
.ResponsiveMainMenuFlyout li a:hover {
 background: linear-gradient(#585858, #424242);
 background: -webkit-linear-gradient(#585858, #424242);
 background: -o-linear-gradient(#585858, #424242);
 background: -moz-linear-gradient(#585858, #424242);
 box-sizing: border-box;
}
/*
	.ResponsiveMainMenuFlyout li .ResponsiveMainMenuFlyoutSubUL {
		max-height: 0;
		overflow: hidden;
		opacity: 1;
		visibility: visible;
		-webkit-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		-moz-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		-ms-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		-o-transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
		transition: max-height 1s cubic-bezier(0, 0, 1.05, 0);
	}

	.ResponsiveMainMenuFlyout li:hover .ResponsiveMainMenuFlyoutSubUL {
		max-height: 600px;
	}
*/
.ResponsiveMainMenuFlyoutUL li {
 position: static;
}
.ResponsiveMainMenuFlyoutSubUL {
 width: 100%;
 border-top: 0;
 position: static;
 left: 0;
 top: 0;
}
.ResponsiveMainMenuFlyoutSubUL li a {
 box-sizing: border-box;
}
.ResponsiveMainMenuFlyoutSubUL li a:hover {
 color: #eee;
 background: linear-gradient(#767676, #626262);
 background: -webkit-linear-gradient(#767676, #626262);
 background: -o-linear-gradient(#767676, #626262);
 background: -moz-linear-gradient(#767676, #626262);
 box-sizing: border-box;
}
}
@media screen and (max-width:480px) {

    #looped-slider,#looped-slider .container {
        width:100%;
        max-width:100%;
        border:1px solid #fff;
        box-sizing:border-box;
        height:250px;
    }
    #looped-slider .slides div,#looped-slider .slides{
        width:100% !important;
    }
    #looped-slider .slides div a img {
        width:100%;
        height:250px;
    }
    #looped-slider .next, #looped-slider .previous,#looped-slider .previous:active, #looped-slider .next:active {
        bottom:35%;
    }
}
@media screen and (max-width:360px) { 
    
    #looped-slider,#looped-slider .container,#looped-slider .slides div a img {
        height:200px;
    }
    
    
    
}