/* Mobile Portrait View */
@media screen and (max-width:767px) {
*{box-sizing:border-box;}
.left, .right{ float:none;}
.container { width:auto; padding:0 20px;}
.footer{ width:auto; padding:0 20px 50px;}
h1{ font-size:24px !important;}
/*header css*/
.header { width:100%; padding:0; margin-top:0;}
.logo{ width:auto; float:none; text-align:center; padding:20px 0 0 0;}
.logo h1{ font-size:32px !important;}
.logo img{ max-width:90%;}
.headerright{ float:none; padding:15px 0;}
.searchbox .search-form{ float:none;}
.search-form input[type="search"]{ width:85%;}
.cat-3-col{ float:none; width:100%; margin:0 0 5px;}
.catleft-1{ height:auto;}
.Leftcols-1, .Rightcols-1{ float:none; width:100%;  margin:0 0 20px;}
#thumbnailview .thumbview{ float:none; width:100%; margin:0 0 5px;}
.lists_cats{float:none; width:100%; margin:0 0 40px;}
.pgwSlideshow .ps-current{ min-height:225px !important;}
.pgwSlideshow.narrow .ps-current .ps-prev, .pgwSlideshow.narrow .ps-current .ps-next{ top:25% !important;}
.GridLeft, .GridRight{ float:none; width:100%; margin:0 0 10px;}
/*.GridRight .gridlist{ width:48.4%; }*/
.GridRight .gridlist.last_column{ margin-left:0;}
#wrapperthird .one_half.last_column img:first-child{ margin:0 0 20px;}
#wrapperthird .one_half.last_column img{ width:100%;}
#thumbnailview .thumbview img, .gridlist img{ width:100%; height:100%;}
.counter{ width:25%;}
/*Content part Css*/
#contentpart{ width:100%; float:none;}
.content{ padding:0;}
.site-main{ float:none; width:100%; padding:0; margin-bottom:30px;}
.pagecontent{ padding-top:40px !important; padding-bottom:40px !important}
.FloatRight, .FloatLeft, .nosidebar{ width:100% !important; float:none !important;}
/*coloumn css*/ 
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{float:none !important; width:100% !important; margin:0 0 5% !important;}
.home #wrappersecond .one_half, .home #wrapperthird .one_half{ width:100% !important; margin-bottom:40px !important;}
#recentpost-2-cols .column-2{ width:100%; float:none; margin:0 0 20px;}
/*sidebar css*/
#sidebar{ width:100%; float:none;}
.sidecatposts img{ width:100%;}
#sidebar img{ width:100%;}
#recentpost-2-cols .column-2 .thumbx img{ width:100%;}
#timeline{ margin:0;}
#timeline .pstlist .thumbxxx{ width:100%; float:none; margin:0 0 20px;}
#timeline .pstlist .thumbxxx img{ width:100%;}
/*Top Header css*/
#top-header{width:auto; position: relative; height: auto; }
.top-left{position: relative; }
.top-right{position:relative; }
.top-container{width: auto; position:relative; }
.topblack{width:20%;  margin-right:0; position:relative; line-height:40px; font-size:8px; right: auto; transform: skew(0) !important; }
.topblack .fa{ font-size:11px; margin-right:5px;}
.topblack span{  transform: skew(0) !important; left:5px;}  
.topgry{ width:80%; line-height:40px; overflow:hidden;}
.newstickker{ width:87%; padding:0 10px;}
.shortingmenu{ width:100%; float:none; text-align:right;}
.shortingmenu ul{ line-height:40px;}
#timeline .pstlist .morebtn{ position:relative;}
.CatgridView .postlayouts{ width:100%; float:none; margin:0 0 25px;}
.postlayouts img{ width:100%; float:none;  margin:0 0 5px;}
/*Footer css*/
.column-4{ float:none; width:100%; margin:0 0 30px;}
.copyright-txt, .design-by { text-align:center; float:none; line-height:24px;}
#contactform_main input[type="text"], #contactform_main input[type="email"], #contactform_main input[type="tel"], #contactform_main input[type="url"], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:100%;}
#classiclayout .layoutfull .thumboxfix img{ width:100%;}
#wrapperfourth .newspstimgbx{ height:auto;}
#wrapperfourth .newspstimgbx img{height:auto; width:100%;}
.entry-content #thumbnailview .thumbview img, .GridLeft .gridlist img, .GridLeft .gridlist { height:auto; vertical-align:top;}
.footer-col-4 { min-height:inherit;}
.entry-content .GridLeft .gridlist, .entry-content .GridLeft .gridlist img { height:auto;}
iframe{display: block; height: auto; width: 100%;}
}
/* Mobile Landscape View */
@media screen and (min-width:480px) and (max-width: 767px){	
*{box-sizing:border-box;}
.logo h1{ font-size:40px !important;}
.search-form input[type="search"]{ width:91%;}
#timeline .pstlist .thumbxxx{ width:40%; float:left; margin:0 15px 10px 0;}	
#wrapperfourth .newspstimgbx{ height:auto;}
#wrapperfourth .newspstimgbx img{height:auto; width:100%;}
.container, #wrapperfourth .container, .footer { width:480px;}
.column-4 { width:auto; margin:0 auto 30px auto;}
.lists_cats img, .Leftcols-1 .imgBxxFX img { height:auto; max-height:inherit;}
.GridRight .gridlist { width:31%;}
.GridRight .gridlist.last_column { margin-left:8px;}
.entry-content #thumbnailview .thumbview img { height:auto;}
.footer-col-4 { min-height:auto;}
iframe{display: block; height: auto; width: 100%;}
}
/* Tablet View */
@media screen and (min-width:768px) and (max-width:1299px) { 
*{box-sizing:border-box;}
.pagecontent{ padding-top:40px !important; padding-bottom:40px !important}
.container { width:auto; padding:0 20px;}
.content{ padding:0 15px;}
.footer{ width:auto; padding:0 20px 50px;}
.logo{ float:left; width:35%; padding-top:25px; }
.logo h1{ font-size:30px !important;}
.headerright{ width:62%;}
.cat-3-col h3{ text-transform:none; font-size:12px;}
.contentBX{ padding:15px;}
.contentBX h3{ font-size:18px;}
.cat-3-col{ width:23.8%;}
.catwrapslider{ width:50%;}
/*.catleft-1{ height:102px;}*/
#sidebar{ width:24%;}
#contentpart{ width:52%;}
.counter{ width:25%;}
.lists_cats{ width:47.5%; margin:0 15px 15px 0;}
.lists_cats h5{ font-size:13px;}
.pgwSlideshow.narrow .ps-list li img{ height:60px !important; width:auto !important;}
.GridRight .gridlist{ width:45.4%; margin:0 0 7px 8px;}
#wrapperthird .one_half.last_column img{ float:left; width:45.5%;}
#wrapperfourth .container{ padding:0;}
#wrapperfourth .one_fifth h4{ font-size:12px; bottom:0;}
.column-4{ margin-right:18px;}
.widget-column-4{ margin-right:0;}
.column-4 h4{ font-size:14px !important; margin-bottom:25px;}
ul.footer-cats{-moz-column-count:1;}
.column-4 .social-icon a{ width:37px; height:37px; line-height:37px; }
.footer-col-4{ min-height:530px;}
/*.Leftcols-1, .Rightcols-1{ width:100%; float:none; margin:0 0 20px;}*/
#thumbnailview .thumbview{ width:47%;}
#thumbnailview .thumbview.last_column{ margin-right:3% !important;}
.pgwSlideshow .ps-current{ min-height:262px !important;}
.home #wrappersecond .one_half, .home #wrapperthird .one_half{ width:46.7%;}
.sitenav ul { font-size:14px !important;}
.sitenav ul li a { padding:24px 10px;}
.Rightcols-1 .postlist img { width:49%;}
/*Top Header css*/
.header{ margin-top:0; display:inline-block;}
#top-header{width:auto; position: relative; height: auto; }
.top-left{position: relative; }
.top-right{position:relative; }
.top-container{width: auto; position:relative; }
.topblack{width:20%;  margin-right:0; position:relative; line-height:40px; font-size:13px; right: auto; transform: skew(0) !important; }
.topblack .fa{ font-size:13px; margin-right:5px;}
.topblack span{  transform: skew(0) !important; left:20px;}  
.topgry{ width:80%; line-height:40px; overflow:hidden;}
.newstickker{ width:87%; padding:0 10px;}
.shortingmenu{ width:100%; float:none; text-align:right;}
.shortingmenu ul{ line-height:40px;}
.searchbox .search-form{ float:none;}
.search-form input[type="search"]{ width:94.5%;}
.site-main{ width:52%; padding:0 15px;}
.FloatRight, .FloatLeft, .nosidebar{ width:75% !important;}
.sitefull{ padding:0;}
.home .one_half{width:47.1% !important;}
.counter span{ font-size:7px;}
.phone-no span{ width:auto;}
#timeline{ margin:0;}
#timeline .pstlist .morebtn{ position:relative;}
#timeline .pstlist img{ width:100%;}
.sitefull .CatgridView .postlayouts, .nosidebar .CatgridView .postlayouts{ width:30%; float:left; margin:0 3% 3% 0; min-height:inherit;}
#wrapperfourth .newspstimgbx { height:200px; overflow:hidden;}
#wrapperfourth .newspstimgbx img{ width:100%; height:100%;}
#CatlistView .Rightcols-1 .postlist img { width:25%;}
iframe{display: block; height: auto; width: 100%;}
}
@media screen and (min-width:980px) and (max-width:1299px){ 
html{overflow-x:hidden; }
.logo h1{ font-size:40px !important;}
.searchbox .search-form{ float:right;}
.search-form input[type="search"]{ width:80%;}
/*.catleft-1{ height:138px;}*/
#thumbnailview .thumbview img{ width:100%;}
.topgry{ width:87%; overflow:hidden;}
.topblack{ width:10%; margin:0;}
.footer-col-4{ min-height:450px;}
.home .one_half{width:47.8% !important;}
.counter span{ font-size:8px;}
.newstickker{ width:60%;}
.topblack{ width:13%;}
iframe{display: block; height: auto; width: 100%;}
}
/*Edit css*/
@media screen and (min-width:768px){
.catleft-1 { height:135px;}
.GridLeft, .GridRight { width:100%;}
.GridRight .gridlist { width:30%;}
.entry-content .GridRight .gridlist { width:31%;}
.entry-content #thumbnailview .thumbview{ width:47%;}
.entry-content #thumbnailview .thumbview:nth-child(2n+2) { margin-right:0;}
.entry-content #thumbnailview .thumbview img { height:210px;}
.GridLeft .gridlist { margin-bottom:7px;}
}
@media screen and (min-width:768px) and (max-width:979px){
.entry-content .GridLeft .gridlist, .entry-content .GridLeft .gridlist img { height:auto; vertical-align:top;}
}
@media screen and (min-width:800px){
.catleft-1 { height:140px;}
.GridLeft, .GridRight { width:100%;}
.GridRight .gridlist { width:30%;}
.entry-content #thumbnailview .thumbview{ width:47%;}
.entry-content #thumbnailview .thumbview:nth-child(2n+2) { margin-right:0;}
.entry-content #thumbnailview .thumbview img { height:220px;}
}
@media screen and (min-width:850px){
.catleft-1 { height:150px;}
.GridLeft, .GridRight { width:100%;}
.GridRight .gridlist { width:30%;}
.entry-content #thumbnailview .thumbview{ width:47%;}
.entry-content #thumbnailview .thumbview:nth-child(2n+2) { margin-right:0;}
.entry-content #thumbnailview .thumbview img { height:230px;}
}
@media screen and (min-width:900px){
.catleft-1 { height:160px;}
.GridLeft, .GridRight { width:100%;}
.GridRight .gridlist { width:30%;}
.entry-content #thumbnailview .thumbview{ width:47%;}
.entry-content #thumbnailview .thumbview:nth-child(2n+2) { margin-right:0;}
.entry-content #thumbnailview .thumbview img { height:240px;}
}
@media screen and (min-width:950px){
.catleft-1 { height:170px;}
.GridLeft, .GridRight { width:100%;}
.GridRight .gridlist { width:30%;}
.entry-content #thumbnailview .thumbview{ width:47%;}
.entry-content #thumbnailview .thumbview:nth-child(2n+2) { margin-right:0;}
.entry-content #thumbnailview .thumbview img { height:250px;}
}
@media screen and (min-width:980px){
.catleft-1 { height:175px;}
.Rightcols-1 .postlist img { width:56%;}
.GridLeft { width:46.6%;}
.GridRight { width:53.4%;}
.GridRight .gridlist { width:47.5%; margin:0 0 7px 6px;}
.entry-content #thumbnailview .thumbview{ width:31.30%;}
.entry-content #thumbnailview .thumbview.last_column { margin-right:0 !important;}
.entry-content #thumbnailview .thumbview:nth-child(2n+2) { margin-right:3%;}
.entry-content #thumbnailview .thumbview img { height:190px;}
.entry-content .GridLeft .gridlist, .entry-content .GridLeft .gridlist img { height:330px;}
.entry-content .GridRight .gridlist { width:30%;}

}
@media screen and (min-width:1024px){
.catleft-1 { height:182px;}
.GridLeft { width:46.6%;}
.GridRight { width:53.4%;}
.GridRight .gridlist { width:47.5%; margin:0 0 7px 6px;}
.entry-content #thumbnailview .thumbview img { height:210px;}
.entry-content .GridLeft .gridlist, .entry-content .GridLeft .gridlist img { height:330px;}
}
@media screen and (min-width:1280px){
.catleft-1 { height:187px;}
.Rightcols-1 .postlist img { width:29%;}
#CatlistView .Rightcols-1 .postlist img { width:20%;}
.entry-content #thumbnailview .thumbview img { height:240px;}
}
@media screen and (min-width:981px) and (max-width:1300px){
#thumbnailview .thumbview { width:30%;}
.Rightcols-1 .postlist img { width:33%;}
.GridLeft { width:46.6%;}
.GridRight { width:53.4%;}
.GridRight .gridlist { width:47.5%; margin:0 0 7px 6px;}
/*.home #wrappersecond .one_half, .home #wrapperthird .one_half .owl-carousel.owl-loaded { margin-top:0;}*/
.Rightcols-1 .postlist img { width:33%;}
}
/*@media screen and (min-width:768px) and (max-width:979px){
.home #wrappersecond .one_half, .home #wrapperthird .one_half .owl-carousel.owl-loaded { margin-top:-200px;}
}*/
/*Edit css end*/

@media screen and (max-width: 979px){	
.toggleMenu{display: block;}
.sitenav{float:none; margin:0; top:0; position:relative; overflow-x:hidden;}
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.sitenav ul li{border-top:1px #222 solid; display:block; float:none; text-align:left; border-right:none;}
.sitenav ul li a{padding:8px 10px !important; display:block; color:#000; text-align:left; border:none;}
.sitenav ul li a:hover{color:#ffffff;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li{ border-bottom:1px solid transparent!important;}
.sitenav ul li ul li a{padding-left:20px !important;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important;}
.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
/*top menu*/
.TopMenu{display: block;}
.shortingmenu{ margin:0; top:0; position:relative; overflow-x:hidden; width:100%;}
.shortingmenu ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.shortingmenu ul li{border-top:1px #d3d3d3 solid; display:block; float:none; text-align:left; border-right:none;}
.shortingmenu ul li a{ display:block; color:#000; text-align:left; border:none;}
.shortingmenu ul li a:hover{color:#ffffff;}
.shortingmenu ul li ul, .shortingmenu ul li ul ul{ display:block !important;}
.shortingmenu ul li ul li a:before{content:"\00BB \00a0";}
.shortingmenu ul li ul li{ border-bottom:1px solid transparent!important;}
.shortingmenu ul li ul li a{padding-left:20px !important;}
.shortingmenu ul li ul li ul li a{padding-left:30px !important;}
.shortingmenu ul li ul li ul li ul li a{padding-left:40px !important;}
.shortingmenu ul li:hover > ul{ background:none !important;}
.shortingmenu ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.shortingmenu ul li:hover ul li ul, .shortingmenu ul li:hover ul li:hover > ul, .shortingmenu ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.shortingmenu ul li:hover ul li:hover ul, .shortingmenu ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.logo img{ height:auto;}
}