html, body, div, ul, ol, li, table, tr, td{padding: 0px; margin: 0px; outline: 0px; border: 0px;  word-wrap: break-word !important; box-sizing: border-box;}
h1, h2, h3, h4 {margin: 0px; padding: 0px;}
body{margin: 0px; padding: 0px;}
[contentEditable=true]:empty:not(:focus):before{ content:attr(data-text); color: #AAAAAA; }
ul{ -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 00px;}
a{text-decoration: none !important; color: inherit;}
*{font-family: Calibri, sans-serif; text-shadow: none;}
p{text-align: justify; font-size: 17px; line-height: 140%;}
h2, h3{line-height: 140%;}
div{box-sizing: border-box;}

	.round0{-webkit-border-radius:0px !important;-moz-border-radius:0px !important;-ms-border-radius:0px !important;-o-border-radius:0px !important;border-radius:0px !important;}	.round5{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}	.round10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}	.round15{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}	.round20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}	.round25{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}	.round20{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}	.round40{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}	.round50{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}	.round60{-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;}	.round100{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;}	.round120{-webkit-border-radius:120px;-moz-border-radius:120px;-ms-border-radius:120px;-o-border-radius:120px;border-radius:120px;}
	
	.row-full{width: 100%;}
	.take-left{float: left;}
	.take-right{float: right;}
	.clearfix{clear: both; height: 0px; margin: 0px; padding: 0px;}
	.inline{display: inline-block;}
	.left{text-align: left;}
	.right{text-align: right;}
	.centertext{text-align: center;}
	.justify{text-align: justify;}
	.tablevt tr td{vertical-align: top; padding-bottom: 15px}	
	.vm{vertical-align: middle;}	
	.vt{vertical-align: top;}
	
	.slow{-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}
	
	.breadcrumb > li + li:before {content: "/\00a0"; padding: 0 3px; color: #555555;}
	.breadcrumb li{display: inline-block; font-size: 10px; color: #777777;}
	.breadcrumb li{margin: 0px;}
	
	
	.greyscale{ -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");         -webkit-filter: grayscale(100%);         filter: gray;         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}	
	.imgholder{background-image: url(/images/shadow.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }

	.socialhead{color: #232E43; padding: 5px 0px; font-size: 12px; font-weight: 200; margin-top: -3px;}
	.headicons a{display: inline-table; margin: 8px 3px; background: #FFFFFF; border: 1px solid #cccccc; padding: 3px; font-size: 16px;}
	.headicons a:hover{border: 1px solid #000000; background: #FFF333; box-shadow: 0 0 3px #CCCCCC; color: #1C275C;}
    
    .tags{transform: skew(-20deg); z-index: 5; margin-bottom: 3px; padding: 1px 2px; border: 0px; border-radius: 2px; cursor: pointer;  font-size: 11px;}
    .tags2{transform: skew(-20deg); z-index: 5; margin-bottom: 5px; padding: 3px 6px; border: 1px solid #777777; background: #FFF333; border-radius: 5px; cursor: pointer;  font-size: 14px;}
	.tags span, .tags2 span{display:inline-block; transform: skew(20deg);}
	.tags2:hover{background: #CCC777;}
	.uncat{background: #004CA2; color: #FFFFFF;}
	.cat0{background: #8C51A5; color: #FFFFFF;}
	.cat1{background: #CB5E98; color: #FFFFFF;}
	.cat2{background: #DA8D01; color: #FFFFFF;}
	.cat3{background: #DA8D01; color: #FFFFFF;}
	
.featureImg{box-shadow: 0 0 3px #000000;}
.topbar{width: 100%; height: 57px; background: #FFFFFF !important; display: block !important;}

.h2tab{ font-size: 20px; padding: 10px; background: #DC1F10; color: #FFFFFF; text-align: left; display: inline-block; margin-top: 15px; margin-bottom: -8px; border-top-left-radius: 10px;  border-top-right-radius: 10px;}
hr{border: 1px solid #DC1F10;}





	

/* old phone */
@media screen and (max-width: 259px){	.pconly{display: none !important;}	.notlarge{display: block;}	.large{display: none;}	.container, .containerbig{width: 97%; margin: auto;}
	.take-left, .take-right{float: none;}
	.half, .one-third, .one-fourth, .two-third, .three-fourth{width: 99%; margin: 0px; padding: 0px; border: 0px; display: block;}
}



/* responsive and Menu */

/* mobile css */	
@media screen and (min-width: 260px) and (max-width: 900px){
	.take-left{float: none;}
	.take-right{float: none;}

	.mainmenu{width: 50px; top: 0px; right: 0px; height: 55px; position: fixed;}
	.menuicon{font-size: 20px; margin: 15px 10px;}
	.mainmenu{width: 50px; float: right;}
	.menuicon{font-size: 20px; margin: 15px;}
	.shadowmenu{display: none; position: absolute; right: 1px; z-index: 100; }

	
	nav{position:fixed; top:0px; left:150px; width:100px; height:1px; z-index: 1000;}
	    .menutrigger{font-size:22px; right: 10px; top: 50px; position: fixed; z-index: 5500; margin: 10px 10px; color:#333333;}
    		.menu{text-align:right; height: 1px;}
    		.mshadow{position: fixed; z-index: 500; display: none; height: 100%; width: 100%; top: 60px; left: 0px;}
    		#main-menu{width:300px; height: 100vh;  overflow: auto;    background: rgba(250, 20, 0, 0.9); margin-top: -10px; right: -900px; position: relative; padding-top: 50px;}
    		
    		#main-menu li{list-style-type:none; display:block; line-height:35px; text-align:left; padding-left: 40px; color: #FFFFFF;}
            #main-menu li .menutrigger2{font-size:22px; color:#ffffff; position: fixed; top: 20px; right: 15px; display: none;}
    	
	.heightadjust{height:60px;}
	
	
	.header{background: #FCEDE5; height: 55px; position: fixed; z-index: 1000; top: 0px; left: 0px; width: 100%; text-align: center; border-bottom: 1px solid #555555;}
	.header .logo{display: inline-block;}
	.header .logo img{height: 30px; margin: 3px 0px;}
	.topbar2 p{font-size: 8px; margin: -15px 10px 0px 20px; display: block; width: 270px;}

}	
/*less than pc*/
@media screen and (min-width: 901px) and (max-width: 5300px){
	
	
	.nav{background: #459C98; color: #FFFFFF; height: 45px; z-index: 3000;}
	.menu{height: 45px !important;}	
	.menu li{display: inline-table; list-style: none;}	
	.menu li a{color: inherit; text-decoration: none;}	
	.menu li a div{padding: 10px 7px; font-size: 20px; color: #FFFFFF; text-transform: uppercase; font-weight: 600;}	
	.menu li:hover > a div{background: #DC1F10; color: #FFFFFF; box-shadow: 0 0 1px #CCCCCC;}	
	.menu li .level2menu{padding: 0px; position: absolute; display: none; width: 97%;  left: 50%; transform: translateX(-50%); background: #DC1F10; box-shadow: 0 0 1px #CCCCCC;}	
	.menu li:hover > .level2menu{display: block;}	
	.menu li .level2menu ul li a div{padding: 15px 25px; font-size: 16px; font-weight: 600; vertical-align: top; text-align: left;}	
	.menu li .level2menu ul li ul{ width: 235px;}	
	.menu li .level2menu ul li ul li a div {padding: 15px 25px; font-size: 14px; font-weight: 400; vertical-align: top; text-align: left;}
	.heightadjust{height: 2px;}
	
	.header{background: #FCEDE5; height: 75px; z-index: 1000; position: relative;}	
	.header .logo img{height: 40px; margin: 5px 0px;}
	.menucontainer{text-align: center; display: inline-block;}
	
}
/* menu ends */










	
/* mobile css */	
@media screen and (min-width: 260px) and (max-width: 900px){
	body{width: 100%; overflow-x: hidden;}
	.mobileonly{}
	.notlarge{display: block;}
	.large{display: none;}
	.pconly{display: none !important;}	
	.container{width: 98%; margin: auto;}	
	.row{width: 99%; margin: auto;}
	.half, .one-third, .one-fourth, .two-third, .three-fourth{width: 99%; margin: 0px; padding: 0px; border: 0px; display: block;}
	
	section{margin-bottom: 15px;}
	
	.leftbox{ display: none !important; width: 0px; left: 0px; min-height: 500px; float: left; margin-left: 0px; z-index: 1000; border: 0px solid #000000;}
	.rightbox{ display: none !important; width: 0px; min-height: 500px; float: right; overflow: hidden; z-index: 100; border: 0px solid #000000;}

	.firstrow{margin-top: 40px;}
    .secondrow h2{margin-top: 40px;}
    .latestnews{width: 200px; background: #DC1F10; color: #FFFFFF; font-weight: 700; Font-size: 20px; display: block; padding: 5px 10px; line-height: 20px; text-align: center;}
    .slideshow-container{width: 100%; background: none; display: inline-block;}
    .mySlides {display: none; height: 100px;  margin-left: -4px;  border: 1px solid #CCCCCC;}
    .mySlides .image{height: 99px; width: 140px; display: inline-block;}
    .mySlides .data{display: inline-block; width: calc(100% - 150px);}
    .mySlides .tags{ margin-left: -20px; border-left: 5px solid #FFF333; border-right: 5px solid #FFF333; margin-top: -3px;}
    .mySlides .data .heading{color: #222222; font-weight: 400; font-size: 16px; display: block; height: 76px; overflow: hidden;}
    
    .ghost{height: 1px !important; width: 1px !important; overflow: hidden; display: inline-block; margin: auto; }
    .h15{height: 15px;}
    .h50{height: 50px;}
    
    .size-0x .databox{margin: 0px 10px 5px 10px; padding-bottom: 10px; display: block; border-bottom: 1px dashed #CCCCCC;}
    .size-0x .image{ height: 300px; width: 100%; display: block; margin-top: 15px;}
    .size-0x .heading{font-size: 18px; font-weight: 400; color: #333333; margin: 10px; }
    .size-0x .subheading{display: none;}
    .size-0x .data{ margin-top: -3px;}
    
    .size-1x .databox{margin: 0px 10px 15px 10px; padding-bottom: 10px; border-bottom: 2px dashed #CCCCCC; display: block;}
    .size-1x .image{ height: 200px; width: 100%; display: block; margin-top: 15px; box-shadow: 0 0 3px #aaaaaa;}
    .size-1x .heading{font-size: 18px; font-weight: 500; color: #333333; margin: 10px; }
    .size-1x .subheading{display: none;}
    .size-1x .data{ overflow: hidden; margin-top: -10px;}
    .size-1x .catlarge1{background: #FFF555; top: -30px; left: 10px; position: relative;}
    
    .size-1xx .databox{margin: 0px 10px 10px 10px; padding-bottom: 3px; border-bottom: 1px dashed #CCCCCC; display: block;}
    .size-1xx .image{ height: 160px; width: 100%; display: block; margin-top: 15px;}
    .size-1xx .heading{font-size: 16px; font-weight: 500; color: #333333; margin: 10px; }
    .size-1xx .subheading{display: none;}
    .size-1xx .data{height: 70px; overflow: hidden; margin-top: -3px;}
    
    .size-2x{margin-bottom: 10px; padding-bottom: 10px; border-boottom: 2px dashed #CCCCCC;}
    .size-2x .image{ height: 100px; width: 120px; display: inline-block; margin-top: 5px; box-shadow: 0 0 3px #aaaaaa;}
    .size-2x img{width: 0; height: 0; opacity: 0; position: absolute; z-index: -1;}
    .size-2x .databox{display: inline-block; width: calc(100% - 125px); }
    .size-2x .heading{font-size: 16px; font-weight: 500; color: #333333; margin: 2px; }
    .size-2x .subheading{display: none;}
    .size-2x .data{height: 90px; overflow: hidden;}
    .size-2x .catlarge1{background: #FFFAAA; left: 10px; position: relative; top: 5px; border-right: solid 3px #AAAAAA; padding-right: 5px;}
    
    .size-3x{padding-bottom: 10px; border-boottom: 2px dashed #CCCCCC; width: 100; display: inline-block;}
    .size-3x .image{ height: 80px; width: 120px; display: inline-block; box-shadow: 0 0 3px #aaaaaa;}
    .size-3x .databox{display: inline-block; width: calc(100% - 125px); }
    .size-3x .heading{font-size: 16px; font-weight: 500; color: #333333; margin: 2px; }
    .size-3x .subheading{display: none;}
    .size-3x .data{height: 80px; overflow: hidden;}
    .size-3x .catlarge1{background: #AA7777; color: #FFFFFF; left: 10px; position: relative; top: 5px; padding-right: 5px;}
    
    .size-3xx{padding-bottom: 10px; border-boottom: 2px dashed #CCCCCC; width: 100; display: inline-block;}
    .size-3xx .image{ height: 100px; width: 120px; display: inline-block;}
    .size-3xx .databox{display: inline-block; width: calc(100% - 125px); }
    .size-3xx .heading{font-size: 16px; font-weight: 500; color: #333333; margin: 2px; }
    .size-3xx .subheading{display: none;}
    .size-3xx .data{height: 80px; overflow: hidden;}
    .size-3xx .catlarge1{background: #AA7777; color: #FFFFFF; left: 10px; position: relative; top: 5px; padding-right: 5px;}
    
    
    .size-4x{padding-bottom: 6px; border-bottom: 1px dashed #EEEEEE; margin-bottom: 6px;}
    .size-4x .image{ height: 80px; width: 120px; display: inline-block;}
    .size-4x .databox{display: inline-block; width: calc(100% - 125px); }
    .size-4x .heading{font-size: 16px; font-weight: 500; color: #333333; margin: 2px; }
    .size-4x .subheading{display: none;}
    .size-4x .data{height: 80px; overflow: hidden;}
    
    .post-slide{background: #AAAAAA !important;}
    .photoside{ background: #AAAAAA; color: #FFFFFF;  padding: 30px 10px 0px 10px;}
    .photosidesec{ background: #AAAAAA;}
    .photosideunit{height: 200px; width: 95%; background-size: cover; background-repeat: no-repeat; background-position: center top; margin: auto; box-shadow: 0 0 3px #FFFFFF;}
    
    .add100{ width: 100%; overflow: hidden; height: 100px; padding: 5px 0px 5px 0px; Background: #CCCCCC; margin-bottom: 20px;}
    .add250{ overflow: hidden; height: 250px; margin-top: 45px !important; margin-left: -10px !important; padding: 5px 0px 5px 0px; text-align: center; display: inline-block; margin: auto;}

	.post img, .post iframe, .post blockquote{width: 100%; max-width: 100%; }
	.post .postheading{font-size: 25px; font-weight: 600; line-height: 30px; margin: 5px auto; }
	.post .subheading{margin: 5px 10px; padding-bottom: 0px; font-weight: 400;}
    .post .mainfig{ text-align: center; padding-bottom: 15px; margin-bottom: 15px;}
    .post .mainfig img{border: 1px solid #CCCCCC;}
    #content, #content p{font-size: 18px; line-height: 28px;}
    
    .post .dp{ height: 40px; width: 40px; position: relative; margin-top: 0px; margin-left: 5px;}
    .author .data{ margin-top: 0px; }
    .author .data a{ font-weight: 600 !important;}
    .author .data .updated{ font-weight: 400 !important; font-size: 12px; letter-spacing: 0.1em;}
    
    .adultwarning{z-index: 4000; position: fixed; top: 100px; background: #000000; width: 340px; height: 500px; left: 50%; margin-left: -170px; padding: 30px 0px; text-align: center;}
    .adultwarning span{display: block;}
    .adultwarning .one{ font-size: 50px; color: #E00000;}
    .adultwarning .two{ font-size: 30px; color: #FF0000;}
    .adultwarning .three{ font-size: 16px; color: #FFF000; margin: 20px 10px;}
    .adultwarning .agree{ display: block; margin: 10px auto; font-size: 25px; color: #FFF000; background: #FF0000; padding: 10px 20px; border: 0px;}
    .adultwarning .disagree{ display: block; margin: 10px auto; font-size: 25px; color: #000000; background: #FFFEEE; padding: 10px 20px; border: 0px;}

    .searcharea{display: none;z-index: 4000; position: fixed; top: 100px; background: #FFFFFF; width: 340px; left: 50%; margin-left: -170px; padding: 30px 0px; text-align: center;}
    
    blockquote {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    unicode-bidi: isolate;
}
    
}	
/*less than pc*/
@media screen and (min-width: 901px) and (max-width: 1400px){
	.mobileonly{display: none !important;}	.notlarge{display: block;}	.large{display: none;}
	
	.container{width: calc(100% - 10px); margin: auto;}	
	.row{width: calc(100% - 2px); margin: auto; position: relative;}	
	.rowcontainer{width: 99%; margin: auto; text-align: center;}	
	
    .half{width: 49.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-third{width: 33%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-fourth{width: 23.1%; margin: 0px 1px; padding: 0px; border: 0px; display: inline-block;}
	.two-third{width: 66%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.three-fourth{width: 76.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	
	.notforsmallpc{display: block;}
	.smallpc{width: 95%;}
	.fhdonly{display: block;}
	.hdonly{display: inline-block; height: 310px; width: 45%;}	
	
	.post{width: 100%; display: inline-block; vertical-align: top;}
	.postside{width: 250px; display: inline-block; vertical-align: top;}
	
	section{margin-bottom: 15px;}
	
	.leftbox{ display: block !important; width: 190px; min-height: 500px; float: left; margin-left: 0px; overflow-x: hidden; z-index: 1000; border: 0px solid #000000;}
	.rightbox{ display: block !important; width: 190px; min-height: 500px; float: right; z-index: 100; overflow-x: hidden; border: 0px solid #000000;}


    .firstrow{margin-top: 40px;}
    .secondrow h2{margin-top: 40px;}
    .latestnews{width: 120px; background: #DC1F10; color: #FFFFFF; font-weight: 700; Font-size: 24px; display: inline-block; height: 60px; padding: 20px 0px; line-height: 28px; text-align: center;}
    .slideshow-container{width: calc(100% - 130px); background: none; display: inline-block;}
    .mySlides {display: none; height: 100px;  margin-left: -4px;  border: 1px solid #CCCCCC;}
    .mySlides .image{height: 99px; width: 140px; display: inline-block;}
    .mySlides .data{display: inline-block; width: calc(100% - 150px);}
    .mySlides .tags{ margin-left: -20px; border-left: 5px solid #FFF333; border-right: 5px solid #FFF333; margin-top: -3px;}
    .mySlides .data .heading{color: #222222; font-weight: 600; font-size: 20px; display: block; height: 76px; overflow: hidden;}
    
    .ghost{height: 1px !important; width: 1px !important; overflow: hidden; display: inline-block; margin: auto; }
    .h15{height: 15px;}
    .h50{height: 50px;}
    
    .size-0x .databox{margin: 0px 10px 5px 10px; padding-bottom: 10px; display: block; border-bottom: 1px dashed #CCCCCC;}
    .size-0x .image{ height: 300px; width: 100%; display: block; margin-top: 15px;}
    .size-0x .heading{font-size: 18px; font-weight: 400; color: #333333; margin: 10px; }
    .size-0x .subheading{display: none;}
    .size-0x .data{ margin-top: -3px;}
    
    .size-1x .databox{margin: 0px 10px 15px 10px; padding-bottom: 20px; border-bottom: 1px dashed #CCCCCC; display: block;}
    .size-1x .image{ height: 200px; width: 100%; display: block; margin-top: 15px; box-shadow: 0 0 3px #aaaaaa;}
    .size-1x .image:hover{ background-size: 150% auto;}
    .size-1x .heading{font-size: 18px; font-weight: 300; color: #333333; margin: 10px; }
    .size-1x .subheading{display: none;}
    .size-1x .data{height: 85px; overflow: hidden; margin-top: -25px;}
    .size-1x .catlarge1{background: #FFF555; top: -30px; left: 10px; position: relative;}
    .size-1x .catlarge1:hover{padding-right: 15px;}
    
    .size-1xx .databox{margin: 0px 10px 10px 10px; padding-bottom: 3px; border-bottom: 1px dashed #CCCCCC; display: block;}
    .size-1xx .image{ height: 160px; width: 100%; display: block; margin-top: 15px;}
    .size-1xx .heading{font-size: 16px; font-weight: 300; color: #333333; margin: 10px; }
    .size-1xx .subheading{display: none;}
    .size-1xx .data{height: 70px; overflow: hidden; margin-top: -3px;}
    
   /* .size-2x{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px dashed #CCCCCC;}*/
    .size-2x .image{ height: 100px; width: 100px; display: inline-block; margin-top: 5px; box-shadow: 0 0 3px #aaaaaa;}
    .size-2x img{width: 0; height: 0; opacity: 0; position: absolute; z-index: -1;}
    .size-2x .image:hover{ background-size: 150% auto;}
    .size-2x .databox{display: inline-block; width: calc(100% - 115px); }
    .size-2x .heading{font-size: 13px !important; font-weight: 300; color: #333333; margin: 2px; }
    .size-2x .subheading{display: none;}
    .size-2x .data{height: 90px; overflow: hidden;}
    .size-2x .catlarge1{background: #FFFAAA; left: 10px; position: relative; top: 5px; border-right: solid 3px #AAAAAA; padding-right: 5px;}
    .size-2x .catlarge1:hover{padding-right: 15px; background: #FFF333;}
    .size-2x .ap_container{display: none !important;}
    
    .size-3x{padding-bottom: 10px; border-boottom: 2px dashed #CCCCCC; height: 90px;}
    .size-3x .image{ height: 80px; width: 110px; display: inline-block; box-shadow: 0 0 3px #aaaaaa;}
    .size-3x .image:hover{ background-size: 150% auto;}
    .size-3x .databox{display: inline-block; width: calc(100% - 115px); }
    .size-3x .heading{font-size: 14px; font-weight: 300; color: #333333; margin: 2px; }
    .size-3x .subheading{display: none;}
    .size-3x .data{height: 80px; overflow: hidden;}
    .size-3x .catlarge1{background: #AA7777; color: #FFFFFF; left: 10px; position: relative; top: 5px; padding-right: 5px;}
    .size-3x .catlarge1:hover{padding-right: 15px; background: #FFF333; color: #000000;}
    
    .size-3xx{padding-bottom: 10px; border-boottom: 2px dashed #CCCCCC; width: 49%; display: inline-block;}
    .size-3xx .image{ height: 100px; width: 120px; display: inline-block;}
    .size-3xx .image:hover{ background-size: 150% auto;}
    .size-3xx .databox{display: inline-block; width: calc(100% - 125px); }
    .size-3xx .heading{font-size: 16px; font-weight: 300; color: #333333; margin: 2px; }
    .size-3xx .subheading{display: none;}
    .size-3xx .data{height: 80px; overflow: hidden;}
    .size-3xx .catlarge1{background: #AA7777; color: #FFFFFF; left: 10px; position: relative; top: 5px; padding-right: 5px;}
    .size-3xx .catlarge1:hover{padding-right: 15px; background: #FFF333; color: #000000;}
    
    .size-4x{padding-bottom: 6px; border-bottom: 1px dashed #EEEEEE; margin-bottom: 6px;}
    .size-4x .image{ height: 80px; width: 120px; display: inline-block;}
    .size-4x .databox{display: inline-block; width: calc(100% - 125px); }
    .size-4x .heading{font-size: 16px; font-weight: 300; color: #333333; margin: 2px; }
    .size-4x .subheading{display: none;}
    .size-4x .data{height: 80px; overflow: hidden;}
    
    .post-slide{background: #AAAAAA !important;}
    .photoside{ background: #AAAAAA; color: #FFFFFF;  padding: 30px 10px 0px 10px;}
    .photosidesec{ background: #AAAAAA;}
    .photosideunit{height: 250px; width: 95%; background-size: cover; background-repeat: no-repeat; background-position: center top; margin: auto; box-shadow: 0 0 3px #FFFFFF;}
    
    .add100{ width: 100%; overflow: hidden; height: 100px; padding: 5px 0px 5px 0px; Background: #CCCCCC; margin-bottom: 20px;}
    .add250{ overflow: hidden; height: 250px; margin-top: 45px !important; margin-left: -10px !important; padding: 5px 0px 5px 0px; text-align: center; display: inline-block; margin: auto;}

    .post img, .post iframe, .post blockquote{width: 100%; max-width: 100%; }
	.post .postheading{font-size: 25px; font-weight: 600; line-height: 40px; margin: 10px auto; }
	.post .subheading{margin: 10px 5px; padding-bottom: 10px; font-weight: 400; border-bottom: 3px double #778888; font-size: 11px;}
	
	.sharer2{display: block;}
   
    .post img, .post iframe, .post blockquote{width: 100%; max-width: 100%; }
    .post .mainfig{ text-align: center;}
    #content, #content p{font-size: 17px; line-height: 30px;}
    
   
    .author .data a{ font-weight: 600 !important;}
    .author .data .updated{ font-weight: 400 !important; font-size: 12px; letter-spacing: 0.1em;}
    
    .post figure.mainfig{width: 60%; display: inline-block; vertical-align: top;}
    .post .infobox{width: 31%; display: inline-block; vertical-align: top; margin-left: 5px;}
    .post .dp{ height: 20px; width: 20px; position: relative;}
    .author .data{ margin-top: 10px; }
   
   
    .searcharea{display: none;z-index: 4000; position: fixed; top: 150px; background: #FFFFFF; width: 900px; left: 50%; margin-left: -450px; padding: 30px 0px; text-align: center;}
    
}




/* pc css Full HD */
@media screen and (min-width: 1401px){
	.mobileonly{display: none !important;}	.notlarge{display: none;}	.large{display: block;}	
	.container{width: calc(100% - 500px); max-width: 1390px; margin: auto; }	
	.row{width: calc(100% - 2px); margin: auto; position: relative;}	
	.rowcontainer{width: 99%; margin: auto; text-align: center;}	

	
	.half{width: 49.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-third{width: 29%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-fourth{width: 23.1%; margin: 0px 1px; padding: 0px; border: 0px; display: inline-block;}
	.two-third{width: 70%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.three-fourth{width: 76.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	
	.fhdonly{display: inline-block; height: 310px;}	.hdonly{display: none;}	
	section{margin-bottom: 15px;}
	.leftbox{width: 163px; min-height: 650px; float: left; overflow-x: hidden; margin-left: -2px; z-index: 1000; border: 0px solid #000000; margin-top: 20px;}
	.rightbox{width: 163px; min-height: 650px; float: right; overflow-x: hidden; z-index: 100; border: 0px solid #000000; margin-top: 20px;}
	

    .firstrow{margin-top: 10px;}
    .secondrow h2{margin-top: 40px;}
    .latestnews{width: 120px; background: #DC1F10; color: #FFFFFF; font-weight: 700; Font-size: 24px; display: inline-block; height: 60px; padding: 20px 0px; line-height: 28px; text-align: center;}
    .slideshow-container{width: calc(100% - 130px); background: none; display: inline-block;}
    .mySlides {display: none; height: 100px;  margin-left: -4px;  border: 1px solid #CCCCCC;}
    .mySlides .image{height: 99px; width: 140px; display: inline-block;}
    .mySlides .data{display: inline-block; width: calc(100% - 150px);}
    .mySlides .tags{ margin-left: -20px; border-left: 5px solid #FFF333; border-right: 5px solid #FFF333; margin-top: -3px;}
    .mySlides .data .heading{color: #222222; font-weight: 600; font-size: 20px; display: block; height: 76px; overflow: hidden;}
    
    .ghost{height: 1px !important; width: 1px !important; overflow: hidden; display: inline-block; margin: auto; }
    .h15{height: 15px;}
    .h50{height: 50px;}
    
    .size-0x .databox{margin: 0px 10px 5px 10px; padding-bottom: 10px; display: block; border-bottom: 1px dashed #CCCCCC;}
    .size-0x .image{ height: 400px; width: 100%; display: block; margin-top: 15px;}
    .size-0x .heading{font-size: 18px; font-weight: 400; color: #333333; margin: 10px; }
    .size-0x .subheading{display: none;}
    .size-0x .data{height: 50px; overflow: hidden; margin-top: -3px;}
    
    .size-1x .databox{margin: 0px 10px 0px 0px; width: 100%; max-width: 360px; padding-bottom: 1px; display: block; border-bottom: 1px dashed #CCCCCC;}
    .size-1x .image{ height: 210px; width: 100%; max-width: 360px; display: block; margin-top: 1px; box-shadow: 0 0 3px #aaaaaa;}
    .size-1x .image:hover{ background-size: 150% auto;}
    .size-1x .heading{font-size: 18px; font-weight: 600; color: #333333; margin: 10px; }
    .size-1x .subheading{display: none;}
    .size-1x .data{height: 65px; overflow: hidden; margin-top: -2px;}
    .size-1x .catlarge1{background: #FFF555; top: -30px; left: 10px; position: relative;}
    .size-1x .catlarge1:hover{padding-right: 15px;}
    
    .size-1xx .databox{margin: 0px 10px 0px 10px; padding-bottom: 3px; border-bottom: 1px dashed #CCCCCC; display: block;}
    .size-1xx .image{ height: 200px; width: 100%; display: block; margin-top: 10px;}
    .size-1xx .heading{font-size: 18px; font-weight: 300; color: #333333; margin: 10px; }
    .size-1xx .subheading{display: none;}
    .size-1xx .data{height: 80px; overflow: hidden; margin-top: -3px;}
    
    .size-2x{padding: 0px 0px 2px 0px; border-bottom: 1px dashed #e5e5e5;} 
    .size-2x .image{ height: 80px; width: 120px; display: inline-block; margin-bottom: 5px; margin-top: 3px; box-shadow: 0 0 3px #aaaaaa;}
    .size-2x img{width: 0; height: 0; opacity: 0; position: absolute; z-index: -1;}
    .size-2x .image:hover{ background-size: 150% auto;}
    .size-2x .databox{display: inline-block; width: calc(100% - 135px); }
    .size-2x .heading{font-size: 18px; font-weight: 600; color: #333333; margin: 7px 2px 2px 2px; }
    .size-2x .subheading{display: none;}
    .size-2x .data{height: 60px; overflow: hidden;}
    .size-2x .catlarge1{background: #FFFAAA; left: 10px; position: relative; top: 5px; border-right: solid 3px #AAAAAA; padding-right: 5px;}
    .size-2x .catlarge1:hover{padding-right: 15px; background: #FFF333;}
    .size-2x .ap_container{display: none !important;}
    
    .size-3x{padding-bottom: 2px; border-boottom: 1px dashed #CCCCCC; height: 100px;}
    .size-3x .image{ height: 90px; width: 45%; display: inline-block; box-shadow: 0 0 3px #aaaaaa;}
    .size-3x .image:hover{ background-size: 150% auto;}
    .size-3x .databox{display: inline-block; width: 53%; }
    .size-3x .heading{font-size: 14px; font-weight: 300; color: #333333; margin: 2px; }
    .size-3x .subheading{display: none;}
    .size-3x .data{ margin-bottom: 10px;}
    .size-3x .catlarge1{background: #AA7777; color: #FFFFFF; left: 7px; position: relative; top: 2px; padding-right: 5px; font-size: 9px;}
    .size-3x .catlarge1:hover{padding-right: 10px; background: #FFF333; color: #000000;}
    
    .size-3xx{padding-bottom: 10px; margin-left: 10px;}
    .size-3xx .image{ height: 150px; width: 100%; display: inline-block;}
    .size-3xx .image:hover{ background-size: 150% auto;}
    .size-3xx .databox{display: inline-block; width: 100%; }
    .size-3xx .heading{font-size: 16px; font-weight: 300; color: #333333; margin: 2px; }
    .size-3xx .subheading{display: none;}
    .size-3xx .catlarge1{background: #AA7777; color: #FFFFFF; left: 10px; position: relative; top: 5px; padding-right: 5px;}
    .size-3xx .catlarge1:hover{padding-right: 15px; background: #FFF333; color: #000000;}
    
    .size-4x{padding-bottom: 6px; border-bottom: 1px dashed #EEEEEE; margin-bottom: 6px;}
    .size-4x .image{ height: 80px; width: 120px; display: inline-block;}
    .size-4x .databox{display: inline-block; width: calc(100% - 125px); }
    .size-4x .heading{font-size: 16px; font-weight: 300; color: #333333; margin: 2px; }
    .size-4x .subheading{display: none;}
    .size-4x .data{height: 80px; overflow: hidden;}
    
    .post-slide{background: #AAAAAA !important;}
    .photoside{ background: #AAAAAA; color: #FFFFFF;  padding: 30px 10px 0px 10px;}
    .photosidesec{ background: #AAAAAA;}
    .photosideunit{height: 250px; width: 95%; background-size: cover; background-repeat: no-repeat; background-position: center top; margin: auto; box-shadow: 0 0 3px #FFFFFF;}
    
    .add100{ width: 100%; overflow: hidden; height: 100px; padding: 5px 0px 5px 0px; Background: #CCCCCC; margin-bottom: 20px;}
    .add250{ overflow: hidden; height: 250px; margin-top: 45px !important}
   
    
	.post img, .post iframe, .post blockquote{width: 100%; max-width: 100%; }
	.post .postheading{font-size: 35px; font-weight: 600; margin: 1px 15px 10px auto; line-height: 1.1em;}
	.post .subheading{margin: 10px 10px; padding-bottom: 10px; font-weight: 500; }
    .post .mainfig{ display: inline-block; vertical-align: top; text-align: center; padding-bottom: 15px;}
    .post .infobox{display: inline-block; vertical-align: top; margin-left: 5px;}
    .post .dp{ height: 40px; width: 40px; position: relative; margin-left: 10px !important; padding: 5px 0px 5px 0px; text-align: center; display: inline-block; margin: auto;}
    #content, #content p{font-size: 20px; line-height: 28px; margin-right: 10px;}

    
    
    
    
    .author .data{ margin-top: 10px; }
    .author .data a{ font-weight: 600 !important;}
    .author .data .updated{ font-weight: 400 !important; font-size: 12px; letter-spacing: 0.1em;}
    

    .searcharea{display: none;z-index: 4000; position: fixed; top: 150px; background: #FFFFFF; width: 900px; left: 50%; margin-left: -450px; padding: 30px 0px; text-align: center;}
    
}

.post ul, ol{margin-left: 30px; margin-top: 10px;}
.post ul li, ol li{margin-bottom: 10px;}


div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 57px;
}

div.sticky2 {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}




figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

#content figcaption{margin-bottom: 15px; text-align: center; font-size: 14px; font-weight: 300; margin-top: -30px;}


.dot {
  height: 1px;
  width: 1px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}