@-ms-viewport {
  width: device-width;
}
@media (min-width: 1100px) and (max-width: 1619px) {
.posttumbnailarea{
	width:50%;
	float:left;
}
.posttumbnailarea img{
	max-width: 100%;
	height: auto;
}

.headerarea{
	width:auto;
	height:auto;
	padding:20px;
	min-height:100px;
}
.navigation ul li {
    display: block;
    float: right;
    margin-left: 55px;}
.logo{
	text-align:center;
	padding:0 0 0 0;
}
.menuicon{
	position:absolute;
	right:20px;
	top:20px;
}
.searchicon{
	width:auto;
	margin:0;
	right:110px;
	top:30px;
	padding:0 0 0 0;
	overflow:hidden;
}
.socialbox{
	position:absolute;
	padding:0 0 0 0;
	text-align:center;
	top:20px;
}
.socialbox ul li{
	float:none;
	display:inline-block;
	text-indent:-99999px;
	margin:0 0 0 0;
}
.wrap{
	margin:0;
margin-left: auto;
    margin-right: auto;
	padding:0 20px;
}

.pagecontent{
	padding:15px 0 15px 0;
}
.navigation{
	width:auto;
	margin:0;
	padding:0 20px;
}
.navigation ul li{
	display:block;
	padding:10px 0 10px 0;
}
.navigation ul li a{
	font-size:18px;
}
.motoarea{
	width:auto;
	margin:0;
	padding:20px;
}
.postarea{
	width:auto;
	margin:0;
	padding:25px 20px 0 20px !important;
}
.singlepost{
	width:auto;
	max-width:768px;
	height:385px;
	float:none;
	padding:0 0 0 0;
	margin:0 auto 20px auto;
}
.home .singlepost{
	width:50%;
	float:left;
}
.posttumbnailarea{
	width:50%;
	float:left;
}
.postshortnote{
	width:50%;
	float:right;
}
.postshortinfo{
	padding:30px;
	overflow:hidden;
}
.singleitem{
	width:auto;
	max-width:405px;
	height:255px!important;
	margin:0 auto 20px auto;
	float:none;
}
.icon{
	display:none;
}
.icondiff{
	display:none;
}
.footerarea{
	padding:25px 0 75px 0;
	background:#050a0d;
	overflow:hidden;
	color:#ededed;
}
.footerwrap{
	width: auto;
	max-width: 1000px;
	margin:0 auto;
	padding:0 20px;
}
.newsletterbox{
	width:auto;
	margin:0;
	padding:0 0 20px 0;
}
.newsletterbox input{
	width:61%;
	float:right;
	padding:0 2% 0 2%;
	border-left:1px solid #fff;
}
.newsletterbox input.send{
	width:34%;
	border:none;
	float:left;
border-radius:0px!important;
}
.footermenu{
	padding:0 0 40px 0;
}
.col01{
	width:20%;
	float:left;
	padding:0 0 30px 0;
}
.copyrightinfo span{
	padding:0 0 10px 0;
	display:block;
}
.nopadding{
	padding:0;
}
.scrollbottom{
	bottom:5px;
}
/* for gallery page */
.featuredproduct{
	width:auto;
}
.featuredinfo{
/* 	max-width:810px; */
	margin:0 auto;
margin-bottom:20px;
}
.galleryitem{
	width:50%;
	height:auto;
	margin:0 0 0 0;
	float:left;
	max-width:405px;
/* 	max-height:275px; */
}
.posttitle{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0 0 0 20px;
	overflow:hidden;
	z-index:999;
}
.posttitle h1{
	background:url(images/transparentbg.png) repeat top left;
	padding:10px 15px;
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.posttitle h1 a{
	color:#000;
	text-decoration:none;
}
.posttitle h1 a:hover{
	color:#cd0008;
	text-decoration:none;
}
.pagination{
	width:auto;
	margin:0;
	padding:0 20px 40px 20px;
}
.sticky{
	 position:static;
	 width:auto;
}
.footerwrap .select2, .footerwrap #foc{
	max-width: 780px;
}
}
@media (min-width: 980px) and (max-width: 1099px) {
.headerarea{
	width:auto;
	height:auto;
	padding:20px;
	min-height:100px;
}
.navigation ul li {
    display: block;
    float: right;
    margin-left: 55px;}
.logo{
	text-align:center;
	padding:0 0 0 0;
}
.menuicon{
	position:absolute;
	right:20px;
	top:20px;
}
.searchicon{
	width:auto;
	margin:0;
	right:110px;
	top:30px;
	padding:0 0 0 0;
	overflow:hidden;
}
.socialbox{
	position:absolute;
	padding:0 0 0 0;
	text-align:center;
	top:20px;
}
.socialbox ul li{
	float:none;
	display:inline-block;
	text-indent:-99999px;
	margin:0 0 0 0;
}
.wrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.pagecontent{
	padding:15px 0 15px 0;
}
.navigation{
	width:auto;
	margin:0;
	padding:0 20px;
}
.navigation ul li{
	display:block;
	padding:10px 0 10px 0;
}
.navigation ul li a{
	font-size:18px;
}
.motoarea{
	width:auto;
	margin:0;
	padding:20px;
}
.postarea{
	width:auto;
	margin:0;
	padding:25px 20px 0 20px;
}
.singlepost{
	width:auto;
	max-width:50%;
	float:left;
	padding:0 0 0 0;
	margin:0 auto 20px auto;
}
.postshortinfo{
	padding:30px;
	overflow:hidden;
}
.singleitem{
	width:auto;
	max-width:405px;
	margin:0 auto 20px auto;
	float:none;
}
.icon{
	display:none;
}
.icondiff{
	display:none;
}
.footerarea{
	padding:25px 0 75px 0;
	background:#050a0d;
	overflow:hidden;
	color:#ededed;
}
.footerwrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.newsletterbox{
	width:auto;
	margin:0;
	padding:0 0 20px 0;
}
.newsletterbox input{
	width:61%;
	float:right;
	padding:0 2% 0 2%;
	border-left:1px solid #fff;
}
.newsletterbox input.send{
	width:34%;
	border:none;
	float:left;
	border-radius:0px!important;
}
.footermenu{
	padding:0 0 40px 0;
}
.col01{
	width:20%;
	float:left;
	padding:0 0 30px 0;
}
.copyrightinfo span{
	padding:0 0 10px 0;
	display:block;
}
.nopadding{
	padding:0;
}
.scrollbottom{
	bottom:5px;
}
/* for gallery page */
.featuredproduct{
	padding:30px 20px 30px 20px;
	width:auto;
	margin:15px 0;
}
.featuredinfo{
/* 	max-width:810px; */
	margin:0 auto;
}
.galleryitem{
	width:50%;
	height:auto;
	margin:0 0 0 0;
	float:left;
	max-width:405px;
	max-height:275px;
}
.posttitle{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0 0 0 20px;
	overflow:hidden;
	z-index:999;
}
.posttitle h1{
	background:url(images/transparentbg.png) repeat top left;
	padding:10px 15px;
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.posttitle h1 a{
	color:#000;
	text-decoration:none;
}
.posttitle h1 a:hover{
	color:#cd0008;
	text-decoration:none;
}
.pagination{
	width:auto;
	margin:0;
	padding:0 20px 40px 20px;
}
.sticky{
	 position:static;
	 width:100%;
}
.wpcf7-submit, .wpcf7-submit:hover{
	height: 42px;
	line-height: 42px;
	max-width: 26%;
}
.wpcf7-form-control-wrap{
	
	margin-right: 0px;
	margin-left: 2%;

}
}
@media (min-width: 768px) and (max-width: 979px) {

.headerarea{
	width:auto;
	height:auto;
	padding:20px;
	min-height:100px;
}
.navigation ul li {
    display: block;
    float: right;
    margin-left: 55px;}
.logo{
	text-align:center;
	padding:0 0 0 0;
}
.menuicon{
	position:absolute;
	right:20px;
	top:20px;
}
.searchicon{
	width:auto;
	margin:0;
	right:110px;
	top:30px;
	padding:0 0 0 0;
	overflow:hidden;
}
.socialbox{
	position:absolute;
	padding:0 0 0 0;
	text-align:center;
	top:20px;
}
.socialbox ul li{
	float:none;
	display:inline-block;
	text-indent:-99999px;
	margin:0 0 0 0;
}
.wrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.pagecontent{
	padding:15px 0 15px 0;
}
.navigation{
	width:auto;
	margin:0;
	padding:0 20px;
}
.navigation ul li{
	display:block;
	padding:10px 0 10px 0;
}
.navigation ul li a{
	font-size:18px;
}
.motoarea{
	width:auto;
	margin:0;
	padding:20px;
}
.postarea{
	width:auto;
	margin:0;
	padding:25px 20px 0 20px;
}
.cover h4 {
	font-size: 24px!important;
}
.singleitem {
	float:right!important;
}
.singlepost{
	width:auto;
	max-width:100%;
	height:auto;
	float:none;
	padding:0 0 0 0;
	margin:0 auto 20px auto;
}
.posttumbnailarea{
	width:50%;
	float:left;
}
.postshortnote{
	width:50%;
	float:right;
}
.postshortinfo{
	padding:30px;
	overflow:hidden;
}
.singleitem{
/* 	width:auto; */
/* 	max-width:405px; */
/* 	height:255px!important; */
/* 	margin:0 auto 20px auto; */
/* 	float:none; */
}
.icon{
	display:none;
}
.icondiff{
	display:none;
}
.footerarea{
	padding:25px 0 75px 0;
	background:#050a0d;
	overflow:hidden;
	color:#ededed;
}
.footerwrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.newsletterbox{
	width:auto;
	margin:0;
	padding:0 0 20px 0;
}
.newsletterbox input{
	width:61%;
	float:right;
	padding:0 2% 0 2%;
	border-left:1px solid #fff;
}
.newsletterbox input.send{
	width:34%;
	border:none;
	float:left;
border-radius:0px!important;
}
.footermenu{
	padding:0 0 40px 0;
}
.col01{
	width:20%;
	float:left;
	padding:0 0 30px 0;
}
.copyrightinfo span{
	padding:0 0 10px 0;
	display:block;
}
.nopadding{
	padding:0;
}
.scrollbottom{
	bottom:45px;
}
/* for gallery page */
.featuredproduct{
	padding:30px 20px 30px 20px;
	width:auto;
	margin:15px 0;
}
.featuredinfo{
	max-width:810px;
	margin:0 auto;
}
.galleryitem{
	width:50%;
	height:auto;
	margin:0 0 0 0;
	float:left;
	max-width:405px;
	max-height:275px;
}
.posttitle{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0 0 0 20px;
	overflow:hidden;
	z-index:999;
}
.posttitle h1{
	background:url(images/transparentbg.png) repeat top left;
	padding:10px 15px;
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.posttitle h1 a{
	color:#000;
	text-decoration:none;
}
.posttitle h1 a:hover{
	color:#cd0008;
	text-decoration:none;
}
.pagination{
	width:auto;
	margin:0;
	padding:0 20px 40px 20px;
}
.toplogo{
	max-width:200px;
	margin-left:-100px;
	bottom:115px;
}
.sticky{
	 position:static;
	 width:100%;
}

}
@media (min-width: 481px) and (max-width: 767px){
.headerarea{
	width:auto;
	height:auto;
   	padding: 20px 0;
	min-height:100px;
}
.navigation ul li {
    display: block;
    float: right;
    margin-left: 45px;}
.logo{
	text-align:left;
	padding:0 0 0 40px;
	overflow:hidden;
}
.menuicon{
	position:absolute;
	right:20px;
	top:20px;
}
.searchicon{
	width:auto;
	margin:0;
	right:110px;
	top:30px;
	padding:0 0 0 0;
	overflow:hidden;
	display:none;
}
.socialbox{
	position:static;
	padding:20px 0 0 0;
	text-align:center;
	display:none;
}
.socialbox ul li{
	float:none;
	display:inline-block;
	text-indent:-99999px;
	margin:0 0 0 0;
}
.wrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.pagecontent{
	padding:15px 0 15px 0;
}
.navigation{
	width:auto;
	margin:0;
	padding:0 20px;
}
.navigation ul li{
	display:block;
	padding:10px 0 10px 0;
}
.navigation ul li a{
	font-size:18px;
}
.motoarea{
	width:auto;
	margin:0;
	padding:20px;
	display:none;
}
.cover h4 { font-size: 24px!important;}
.singleitem {
	float:right!important; width: 50%!important;
	height: auto !important;
}
	.singleitem img{
		display: block;
	}
.col02 {width:100%!important;}
img {max-width:100%!important; height:auto!important;}
	.footerlogo img{
		width:auto;
	}
	.wpcf7-form-control-wrap{
		width:100% !important;
	}
	.wpcf7-form-control-wrap input{
		width:100% !important;
		margin-left: 0;
	}
.gogo {dispaly:none!important;}
.bogi{margin-bottom:100px!important;}
.postarea{
	width:auto;
	margin:0;
	padding:25px 20px 0 20px;
}
.singlepost{
	width:auto;
	max-width:405px;
	height:auto;
	float:none;
	padding:0 0 0 0;
	margin:0 auto 20px auto;
}
.posttumbnailarea{
	width:auto;
	float:none;
	position:relative;
	overflow:hidden;
}
.postshortnote{
	width:auto;
	float:none;
}
.postshortinfo{
	padding:30px;
	overflow:hidden;
}
.singleitem{
	width:auto;
	max-width:405px;
	margin:0 auto 20px auto;
	float:none;
}
.icon{
	display:none;
}
.icondiff{
	display:none;
}
.footerarea{
	padding:25px 0 75px 0;
	background:#050a0d;
	overflow:hidden;
	color:#ededed;
}
.footerwrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.newsletterbox{
	width:auto;
	margin:0;
	padding:0 0 20px 0;
}
.newsletterbox input{
	width:61%;
	float:right;
	padding:0 2% 0 2%;
	border-left:1px solid #fff;
}
.newsletterbox input.send{
	width:34%;
	border:none;
	float:left;
border-radius:0px!important;
}
.footermenu{
	padding:0 0 40px 0;
}
.col01{
	width:20%;
	float:left;
	padding:0 0 30px 0;
}
.copyrightinfo span{
	padding:0 0 10px 0;
	display:block;
}
.nopadding{
	padding:0;
}
.scrollbottom{
	bottom:55px;
}
/* for gallery page */
.featuredproduct{
	padding:30px 20px 30px 20px;
	width:auto;
	margin:15px 0;
}
.galleryitem{
	width:100%;
	height:auto;
	margin:0 auto 20px auto;
	float:none;
	max-width:405px;
	max-height:275px;
}
.posttitle{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0 0 0 20px;
	overflow:hidden;
	z-index:999;
}
.posttitle h1{
	background:url(images/transparentbg.png) repeat top left;
	padding:10px 15px;
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.posttitle h1 a{
	color:#000;
	text-decoration:none;
}
.posttitle h1 a:hover{
	color:#cd0008;
	text-decoration:none;
}
.pagination{
	width:auto;
	margin:0;
	padding:0 20px 40px 20px;
}
.toplogo{
	max-width:200px;
	bottom:65px;
	margin-left:-100px;
}
.sticky{
	 position:static;
	 width:100%;
}
.wpcf7-form-control-wrap{
	margin-top: 5px;
}
#foo{
	min-width: 100%;
}
.select2-container {
    margin-top: 43px;
}
}



@media (max-width: 480px) {

	.singleitem{
/* 		height: auto !important; */
	}
.headerarea{
	width:auto;
	height:auto;
   	padding: 20px;
	min-height:100px;
}
.headerarea {
    padding-left: 0!important;
    padding-right: 0!important;
}
.wp-caption-text {
position: relative!important;
margin-top: 10px !important;
}
.navigation ul li {
    display: block;
    float: right;
    margin-left: 15px;}
.navigation ul li a{
	font-size:23px!important;
}
.logo{
	text-align:left;
	padding:0;
margin-left:15px;
	overflow:hidden;
}
.menuicon{
	position:absolute;
	right:20px;
	top:20px;
}
.searchicon{
	width:172px;
	margin:0 auto;
	position:static;
	padding:20px 0 0 0;
	overflow:hidden;
	display:none;
}
.socialbox{
	position:static;
	padding:20px 0 0 0;
	text-align:center;
	display:none;
}
.socialbox ul li{
	float:none;
	display:inline-block;
	text-indent:-99999px;
	margin:0 0 0 0;
}
.wrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.pagecontent{
	padding:15px 0 15px 0;
}
.navigation{
	width:auto;
	margin:0;
	padding:0 20px;
}
.navigation ul li{
	display:block;
	padding:10px 0 10px 0;
}
.navigation ul li a{
	font-size:18px;
}
.motoarea{
	width:auto;
	margin:0;
	padding:20px;
	display:none;
}
.postarea{
	width:auto;
	margin:0;
	padding:25px 20px 0 20px;
}
.cover h4 { font-size: 24px!important;}

.singlepost{
	width:auto;
	height:auto;
	float:none;
	padding:0 0 20px 0;
}
.posttumbnailarea{
	width:auto;
	float:none;
	position:relative;
	overflow:hidden;
}
.postshortnote{
	width:auto;
	float:none;
}
.postshortinfo{
	padding:30px;
	overflow:hidden;
}

.icon{
	display:none;
}
.icondiff{
	display:none;
}
.footerarea{
	padding:25px 0 75px 0;
	background:#050a0d;
	overflow:hidden;
	color:#ededed;
}
.footerwrap{
	width:auto;
	margin:0;
	padding:0 20px;
}
.newsletterbox{
	width:auto;
	margin:0;
	padding:0 0 20px 0;
}
.newsletterbox input{
	width:61%;
	float:right;
	padding:0 2% 0 2%;
	border-left:1px solid #fff;
}
.newsletterbox input.send{
	width:34%;
	border:none;
	float:left;
border-radius:0px!important;
}
.col02 {width:100%!important;}
img {max-width:100%!important; height:auto!important;}
.gogo {dispaly:none!important;}
.bogi{margin-bottom:100px!important;}
.footermenu{
	padding:0 0 40px 0;
}
.col01{
	width:100%;
	float:none;
	padding:0 0 30px 0;
}
.copyrightinfo span{
	padding:0 0 10px 0;
	display:block;
}
.nopadding{
	padding:0;
}
.scrollbottom{
	bottom:5px;
}
/* for gallery page */
.featuredproduct{
	padding:30px 20px 30px 20px;
	width:auto;
	margin:15px 0;
}
.galleryitem{
	width:100%;
	height:auto;
	margin:0 auto 20px auto;
	float:none;
	max-width:405px;
	max-height:235px;
}
.posttitle{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0 0 0 20px;
	overflow:hidden;
	z-index:999;
}
.posttitle h1{
	background:url(images/transparentbg.png) repeat top left;
	padding:10px 15px;
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.posttitle h1 a{
	color:#000;
	text-decoration:none;
}
.posttitle h1 a:hover{
	color:#cd0008;
	text-decoration:none;
}
.pagination{
	width:auto;
	margin:0;
	padding:0 20px 40px 20px;
}
.toplogo{
	max-width:200px;
	margin-left:-100px;
	bottom:65px;
}
.sticky{
	 position:static;
	 width:100%;
}

	.footerwrap .wpcf7-form-control-wrap,
	.footerwrap .select2{
		width:100% !important;
	}


}

@media screen and (max-width:1600px){
	.singleitem{
		margin-bottom: 0 !important;;
	}

	.singleitem img{
		max-width: 100%;
		height: auto;
	}
}

@media screen and ( max-width:1120px){
/* 	.posttumbnailarea,
	.postshortnote{
		width:100% !important;
		float:none;
	}
	.singlepost{
		height: auto;
	} */
}
@media screen and (max-width:767px){
	.home .footerarea .wpcf7-submit, .wpcf7-submit{
		margin-right: 0 !important;
	}
	.singleitem .cover{
		display: none;
		opacity: 1;
	}
	.singleitem img{
		display: block;
	}
}

@media screen and (max-width:640px){
	.footerwrap #foc{
		width:100%!important;
	}
	.footerwrap .wpcf7-submit, .wpcf7-submit{
		margin-top:5px !important;
	}
}

@media screen and (max-width:479px){
	.home .singleitem{
		width:100% !important;
		float:left;
		height: auto !important;
	}
	.singleitem {
		float:right!important;
		width: 100%!important;
		height: auto !important;
	}
}