/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1024px) {
	#mainmenu ul { display:block !important; }
}


/*==========================================================================================================*/
@media only screen and (max-width: 1300px) {
	#mainmenu li a { padding:16px 18px; font-size:14px; }
	.banner-content h1, .banner-content h2 { font-size:35px; }
	
}


/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	
	.default-grid.form-grid.cols2 .col { width:auto; float:none; }
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	
	#menu { border:2px solid #656c78; border-radius:50px; display:block; height:40px; margin:5px 0 0 10px; padding:0; position:relative; text-align:center; width:40px; }
	.menulines-button { padding:10px 0 10px 20px; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#0694fa; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; display:none; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: #656c78; position:absolute; float:left; margin:auto; left:0; right:0; top:0; bottom:0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #656c78; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	#header { position:relative; }
	#mainmenu > .wrap > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#0a80f8; z-index:5; margin:0; border-top:1px solid #656c78; }
	#mainmenu { float:right; background:transparent; border:0; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:1px solid rgba(255,255,255,0.2); font-size:15px; }
	#mainmenu ul li a { padding:10px 15px; display:block; color:#fff;  }
	#mainmenu ul li a.login-btn { border:0; border-radius:0; background:transparent; }
	#mainmenu ul li a.login-btn:hover { color:#656c78; }
	#mainmenu ul li a:hover, #mainmenu ul li.active a { background:#fff; }
	#mainmenu ul li a:after { display:none; }
	
	/*.search-bar { opacity:0; visibility:hidden; transform:scale(0.9); }
	.search-bar.active { opacity:1; visibility:visible; transform:scale(1); }*/
	
	
	.search-bar { margin-right:0; width:auto; position:absolute; }
	.search-bar input[type="search"] { border-width:2px; visibility:hidden; position:absolute; right:0; top:0; }
	.search-bar.active input[type="search"] { visibility:visible; width:300px; }
	
	.mainbanner-img { margin:65px 0 0; }
	.banner-content h1, .banner-content h2 { font-size:32px; }
	.section-title { font-size:38px; margin-bottom:40px; }
	
	.all-category-section { padding:60px 0; }
	
	.article-section .section-cat { position:relative; }
	.article-section .section-logo { position:absolute; height:auto; top:0; bottom:0; left:0; margin:auto; width:120px; }
	.section-logo img { position:absolute; top:0; left:0; bottom:0; margin:auto;}
	.article-section .section-content { padding:19px 15px 19px 135px; }
	.cat-tag { margin-bottom:7px; }
	.section-content h4 { font-size:16px; margin-bottom:4px; }
	.post-by { font-size:15px; }
	
	.all-category-section .section-cat figure { padding:23px 0; }
	.all-category-section .section-content { padding:12px 0; }
	.all-category-section .section-cat h4 { font-size:18px; margin-bottom:6px;}
	.all-category-section .post-number { font-size:13px; display:block; line-height:1; }
	
	
	
	
	#primary { padding-right: 15px; }
	#sidebar { padding-left: 15px; }
	
	.blog-article-details span { font-size:13px; }
	.blog-article-details span::before { -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); -webkit-transform:scale(0.9); transform:scale(0.9); }
	.blog-article-details { padding:10px 0; }
	.blog-details h5 { font-size:20px; margin:15px 0 12px; }
	.blog-post-details p { font-size:15px; }
	.blog-details blockquote { margin:15px 0; }
	.blog-details blockquote p { font-size:17px; }
	.blog-details blockquote::before { -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8); left:28px;}
	.blog-details blockquote::after { left:130px; }
	.blog-details blockquote { padding:25px 15px 25px 147px; }
	.blog-listing { padding:10px 0 28px }
	.blog-listing ul li { font-size:15px; }
	.blog-listing ul li::before { height:8px; width:8px; }
	.bottom-tags { padding:17px 0 7px; }
	.tags-info .tags { min-width:120px; }
	#main { padding:32px 0 43px; }
	.side-search input[type="text"] { height:45px; font-size:15px; padding:6px 73px 6px 37px; }
	.side-search .button.btn-submit input { height:44px; font-size:12px; padding:10px 15px;}
	.side-search::before { left:14px; }
	.modulebox { margin:0 0 20px; }
	.small-title { font-size:19px; margin-bottom:15px; }
	.modulebox li a { font-size:15px; }
	.modulebox li a::before { top:9px; }
	.modulebox li { margin-bottom:7px; }
	.tagcloud a { font-size:13px; padding:7px 22px 8px; }
	
	.um, .um-125.um, .um-124.um { padding:80px 0; }
	
	
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	/* Responsive Menu line icon*/
	.default-grid.cols3 .col { width:50%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; float:none; }
	h1, h2 { font-size:40px; }
	
	
	.banner-content h1, .banner-content h2 { font-size:29px; }
	.banner-content .button.btn-lg { font-size:14px; padding:14px 30px; }
	.article-section { padding:60px 0; }
	.section-title { margin-bottom:30px; font-size:32px; }
	.featured-article-section .cols .col, .recent-article-section .cols .col { width:100%; }
	
	#primary { border-right: 0; float: none; padding-right: 0; width: auto; }
	#sidebar { float: none; margin-top: 30px; width: auto; padding:0; }
	
	#footer p { font-size:14px; }
	
	
	.blog-details blockquote { padding: 15px 5px 15px 147px; }
	.blog-details blockquote p { font-size:16px; }
	.blog-details blockquote::before { -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); -webkit-transform:scale(0.7); transform:scale(0.7); left:18px;}
	.blog-details blockquote::after { left: 108px; }
	.blog-details blockquote { padding: 15px 5px 15px 131px; }
	.blog-details blockquote { margin: 10px 0; }
	
	.side-search .button.btn-submit input { padding:10px 25px; }
	.side-search input[type="text"] { padding:6px 73px 6px 42px; }
	.side-search::before { left: 16px; }
	
	.pagination li a, .pagination li span { width:45px; padding:9px 0; font-size:16px; }
	.pagination .next a:after { right:20px; }
	.pagination .previous a:after { left:20px; }
	
	.wp-pagenavi a, .wp-pagenavi span { height:45px; width:45px; font-size:16px; padding:8px 0; }
	.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .last, .wp-pagenavi .first {font-size: 30px; line-height: 25px; }
	
	.um-page-login #logo { max-width:160px; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:auto; float:none; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }	
	#logo { width:200px; }
	
	.list-block.cols3 .col { width:100%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }
	
	.banner-content h1, .banner-content h2 { font-size:24px; }
	.banner-content .button.btn-lg { font-size:13px; padding:11px 25px; }
	.mainbanner-img { margin:45px 0 0 0; }
	.article-section { padding:30px 0;}
	.section-title { font-size:28px; margin-bottom:25px; }
	.section-title::after { margin:7px auto 0; }
	
	.article-section .section-cat { border-radius:15px; }
	.article-section .section-logo { height:auto; width:100%; text-align:center; position:relative; }
	.section-logo img { margin:auto; position:relative; }
	.section-cat .section-logo img { position:relative; }
	.article-section .section-content { padding:19px 15px; }
	.cat-tag { font-size:13px; }
	.section-content h4 { font-size:15px; }
	.post-by { font-size:14px; }
	
	.featured-article-section .cols .col, .recent-article-section .cols .col { width:50%; }
	
	.all-category-section .col { width:50%; }
	.all-category-section .col:nth-child(2n+1) { clear:left; }
	.all-category-section .section-cat { margin-bottom:28px; }
	.all-category-section { padding:60px 0 30px; }
	
	#footer p { font-size:13px; }
	
	.innerbanner { padding:70px 0; }
	.tags-info .tags { min-width: 100px; }
	.search-bar.active input[type="search"] { width:240px; }
	
	.blog-details img.alignleft, .blog-details img.alignright { padding:10px; float:none; width:100%; }
	
	.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .last, .wp-pagenavi .first {  font-size: 20px; line-height: 25px; }
	.wp-pagenavi a, .wp-pagenavi span { font-size: 14px; height: 30px; padding: 0; width: 30px; }
	.wp-pagenavi span.current:before { border-bottom:5px solid transparent; border-right:5px solid #0f2d49; border-top:5px solid transparent; left:-5px; }
	.wp-pagenavi span.current:after { border-bottom:5px solid transparent; border-left:5px solid #0f2d49; border-top:5px solid transparent; right:-5px; }
	
	.um-col-1 { padding:0 15px; }
	.um-col-1 > .um-field .form-title { font-size:24px !important; }
	.um-form .um-field:nth-child(2) { padding:17px 0 0 !important; }
	.um-form .um-field { padding:12px 0 0 !important; }
	.um-field.um-field-c { padding:0 20px !important; }
	.um, .um-125.um, .um-124.um { padding:40px 0; }
	.um-form .um-col-alt { margin-bottom:10px 0; }
	.um-field.um-field-c { margin-bottom:10px 0; }
	.um-page-login #logo { max-width:130px; }
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
	
	
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#logo { width:150px; }
	.all-category-section .col { width: 100%; }
	.all-category-section .section-cat { margin-bottom:20px; }

	.featured-article-section .cols .col, .recent-article-section .cols .col { width:100%; }
	
	.blog-category-chat { float:none; }
	.blog-details h5 { font-size:19px; margin:12px 0 9px; }
	.blog-post-details p { font-size:14px; }
	
	.innerbanner { padding:50px 0; }
	
	.blog-details blockquote { padding: 91px 15px 15px; }
	.blog-details blockquote:after { height: 3px; left: 0; margin: auto; right: 0; width: 100%; top: 80px; bottom:auto;   }
	.blog-details blockquote::before { left: 0; margin: auto; right: 0;  top: 0; bottom:auto; }	
	.bottom-tags ul { padding:10px 0 0; display:block; width:100%;}
	.bottom-tags ul li { margin:0 7px 7px 0; }
	.tags-info .tags { min-width:0; }
	
	.blog-info { float:none; }
	
	.pagination li a, .pagination li span { font-size:15px; padding:6px 0; width:35px; }
	.pagination .previous a:after, .pagination .next a:after { height:8px; width:8px; }
	.pagination .previous a:after { left:15px; }
	.pagination .next a:after { right:15px; }
	.post-by { font-size:14px; }
	.post-by, .post-by a { font-size:14px; }
	.pagination li.active span:before { border-bottom:5px solid transparent; border-right:5px solid #0f2d49; border-top:5px solid transparent; left:-4px; }
	.pagination li.active span:after { border-bottom:5px solid transparent; border-left:5px solid #0f2d49; border-top:5px solid transparent; right:-4px; }
} 
/*==========================================================================================================*/
/* Retina css */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before, input[type="submit"].search-submit, input.search-submit[type="submit"]:hover, .section-title:after, .alert:before, .side-search:before, .blog-article-details span:before, .blog-details blockquote:before, .tags-info .tags:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}