.blogpmain {padding:72px 20px;}
.page.page-template-page-blog {display:block;}
.page.page-template-page-download {display:block;}
.blogptop {padding:0px 0 50px 0; text-align:center;}
.blogtopwrap { max-width:1277px; margin:0 auto;}
.blogptop h1 { font-size:80px; line-height:1; margin:0 0 15px 0; font-family: 'Fb korali' !important; font-weight:700 !important;}
.downloadpage .blogptop h1 {font-size:40px; line-height:1; color:#000; font-weight:700 !important; margin:0 0 10px 0;}
.blogptop h3 {font-size:22px; line-height:1; margin:0 0 15px 0; font-family: 'Fb korali' !important;}
.blogptop p {font-size:18px; line-height:1.1; margin:0; font-family: 'Fb korali'; font-weight:400;}
.bloglist ul {display:block; margin:0 -6px; padding:0; font-size:0; text-align:center;}
.bloglist ul li {display:inline-block; vertical-align:top; width:20%; padding:0 6px; margin:0 0 12px 0;}
.bloglist ul li a {display:table; width:100%; border-radius:20px; border:1px solid #ccc; overflow:hidden; position:relative; min-height:248px; transition:0.3s;}
.bloglist ul li a:hover {border:1px solid transparent;}
.bloglidiv { display:table-cell; vertical-align:middle; padding:20px; width:100%; text-align:center;}
.bloglidiv h4 { font-size:20px; line-height:1; margin:0 auto 14px auto; color:#000; max-width:110px;}
.bloglidiv img {margin:0 auto; display:block;}
.blogmhover {position:absolute; top:0; right:0; width:100%; height:100%; display:table; opacity:0; visibility:hidden; transition:0.3s;}
.blogmhoverin {display:table-cell; vertical-align:middle; width:100%; padding:20px 46px;}
.blogmhoverin h4 { font-size:16px; line-height:1.2; margin:0 0 14px 0; color:#000;}
.blogmhoverin p { font-size:14px; line-height:1.3; margin:0; font-weight:400; color:#000;} 
.bloglist ul li a:hover .blogmhover {opacity:1; visibility:visible;}

.bcatmain {padding:20px 20px 72px 20px;}
.bcatmwrap { max-width:1255px; margin:0 auto;}
.blogcatbradcrumb {text-align:center; margin:0 0 22px 0; color:#999999; font-size:14px; line-height:1; font-weight:400;}
.blogcatbradcrumb a {color:#999999; font-weight:500;}
.blogcatbradcrumb a:hover {color:#000;}
.bcatmtop {text-align:center; margin:0 0 37px 0;}
.bcatmtop h1 {font-size:40px; line-height:1; color:#000; font-weight:700 !important; margin:0 0 10px 0;}
.bcatmtoptwo {margin:0 0 24px 0;}
.bcatmtoptwo p {font-size:22px; line-height:1; font-weight:500; color:#000; margin:0;} 
.bpcatdes p { font-size:14px; line-height:1.1; color:#000; font-weight:300 !important; margin:0;}
.bcatlist ul {display:block; margin:0 -5px; padding:0; font-size:0;}
.bcatlist ul li {display:inline-block; vertical-align:top; width:33.33%; margin:0 0 10px 0; padding:0 5px;}
.bcablistdiv {display:block; position:relative; overflow:hidden;}
.bcablistdivimg a img {width:100%; aspect-ratio:1 / 0.94;}
.bcatlisttxt {position:absolute; top:0; right:0; width:100%; height:100%; background:#c8edf4; padding:50px 50px 20px 50px; text-align:right; opacity:0; visibility:hidden; transition:0.3s;}
.bcablistdiv:hover .bcatlisttxt {opacity:1; visibility:visible;}
.bcatlisttxt h5 { font-size:20px; line-height:1.1; margin:0 0 44px 0; font-weight:700 !important; color:#000;}
.bcatlisttxt h5 a, .bcatlisttxt p a {color:#000;}
.bcatlisttxt p {font-size:14px; line-height:1.3; margin:0; color:#000; margin:0; font-weight:300;}
.bcatbut {margin:30px 0 0 0; font-size:18px; line-height:1; color:#48c5db;}

.singlemain {padding:20px 20px 50px 20px;}
.singwrap {max-width:1580px; margin:0 auto;}
.singbreadcrumb {text-align:center; margin:0 0 22px 0; color:#999999; font-size:14px; line-height:1; font-weight:400;}
.singbreadcrumb a {color:#999999; font-weight:500;}
.singbreadcrumb a:hover {color:#000;}
.singlmaindiv { max-width:800px;}
.singlmaindiv h1 { margin:0 0 10px 0; font-size:40px; line-height:1; font-weight:700 !important; color:#000; max-width:432px;}
.post-reading-meta { margin:0 0 40px 0; font-size:14px; line-height:1; color:#000;}
.singmbold { margin:0 0 30px 0;}
.singmbold p {font-weight:bold; font-size:22px; line-height:1.2; margin:0;}
.singlecontent {padding:0 0 40px 0;}
.singlecontent p { margin:0 0 19px 0; font-size:16px; line-height:1.5; font-weight:300;}
.singconbotone { margin:0 0 25px 0;}
.singconbotone h3 { font-size:20px; line-height:1.1; margin:0 0 27px 0;}
.singconbotone p {font-size:16px; line-height:1.3; font-weight:300; margin:0;}
.singconbottwo { margin:0 0 23px 0;}
.singconbottwo ul {display:block; margin:0; padding:0;}
.singconbottwo ul li {display:block; margin:0; padding:0 12px 0 0; position:relative; font-size:16px; line-height:1.3; font-weight:300;}
.singconbottwo ul li:after {position:absolute; right:0; top:6px; width:6px; height:6px; background:#000000; border-radius:50%; content:'';}
.singconbotthre p { margin:0; font-size:16px; line-height:1.3; font-weight:300;}
.singbotbut {margin:42px 0 0 0; text-align:center;}
.singbotbut a {display:inline-block; line-height:36px; padding:0 47px; border-radius:20px; border:1px solid #47c4db; color:#47c4db; font-size:18px; transition:0.3s;}
.singbotbut a:hover { color:#fff; background:#47c4db;}

.downloadwrap {max-width:1255px; margin:0 auto;}
.downloadlist ul {display:block; margin:0 -5px; font-size:0;}
.downloadlist ul li {display:inline-block; vertical-align:top; width:33.33%; margin:0 0 10px 0; padding:0 5px;}
.downloadlist ul li a {display:block; position:relative;}
.downboxhover {position:absolute; top:0; right:0; width:100%; height:100%; background:#c8edf4; padding:50px 50px 20px 50px; text-align:right; opacity:0; visibility:hidden; transition:0.3s;}
.downloadlist ul li a:hover .downboxhover {opacity:1; visibility:visible;}
.downboxhover h5 { font-size:20px; line-height:1.1; margin:0 0 44px 0; font-weight:700 !important; color:#000;}
.downboxhover p {font-size:14px; line-height:1.3; margin:0; color:#000; margin:0; font-weight:300;}
.downcatbut {margin:30px 0 0 0; font-size:18px; line-height:1; color:#48c5db; text-align:center;}
.downcatbut img { width:50px; margin:5px auto 0 auto; display:block;}
.downloadlist ul li a img.lidimg {width: 100%; aspect-ratio: 1 / 0.94;}


@media only screen and (max-width:1199px){
.blogmhoverin {padding:10px 20px;}	
.bcatlisttxt, .downboxhover { padding:30px 30px 20px 30px;}
.bcatlisttxt h5, .downboxhover h5 {margin:0 0 15px 0;}
.downboxhover h5 {font-size:18px;}
.downcatbut img {width:35px;}
}
@media only screen and (max-width:1023px){
.bloglist ul li {width:33.33%;}	
.bcatlist ul li, .downloadlist ul li {width:50%;}
.blogpmain {padding:0 20px 72px 20px;}
}
@media only screen and (max-width:767px){
.blogpmain {padding:30px 20px; max-width:502px; margin:0 auto;}
.blogpmain {padding:20px 20px 72px 20px; max-width:502px; margin:0 auto;}
.bcatmwrap {max-width:502px;}
.bcatlisttxt, .downboxhover {overflow:auto;}
.bcablistdiv img {width:100%;}
.bloglist ul li {width:50%;}
.bloglist ul {text-align:right;}
.blogmhoverin {padding:10px 40px;}
.blogptop h1 {font-size:40px;}
.blogptop h3 {font-size:18px;}
.blogptop p {font-size:16px;}	
.bcatmtop h1, .downloadpage .blogptop h1 {font-size:34px;}
.bcatmtoptwo p {font-size:20px;}
.singlmaindiv h1 {font-size:34px;}
.singmbold p {font-size:20px;}
.singbreadcrumb, .blogcatbradcrumb {font-size:16px;}
.bcatlisttxt, .downboxhover { padding:20px 20px 20px 20px;}
.downboxhover p {font-size:12px;}
.singwrap {max-width:500px;}
.page-template-page-blog .coomheight, .blogcatpage .coomheight, .singlepage .coomheight, .downloadpage .coomheight{ height:120px;}
.bloglist ul li a {min-height: inherit; aspect-ratio: 1 / 1.01;}
.singbreadcrumb {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
}
@media only screen and (max-width:639px){
/*.bcatlist ul li, .downloadlist ul li {width:100%; padding:0;}*/
.bcatlist ul, .downloadlist ul {margin:0;}
.bcatlisttxt, .downboxhover {padding:20px;}
.bcatlisttxt h5, .downboxhover h5 {font-size:16px;}
.downcatbut {margin:20px 0 0 0;}	
}
@media only screen and (max-width:479px){
.blogmhoverin { padding:10px 20px;}
.bloglidiv {padding:10px;}
.bloglidiv h4 {font-size:16px;}
.blogmhoverin h4 {font-size:14px; margin:0 0 8px 0;}
.bpcatdes p {font-size:12px;}
}
@media only screen and (max-width:389px){
.bcatlist ul li, .downloadlist ul li {width:100%; padding:0; display: block;}	
.bloglist ul li {display:block; width:100%; padding:0;}
.bloglist ul {margin:0;}	
}