/* Mobile Portrait View */
@media screen and (max-width:767px){
*{box-sizing:border-box;}
.left, .right{ float:none;}
h1{ font-size:24px !important;}
h3 { font-size:20px !important;}
/*header css*/
.header { width:100%; padding:0; margin-top:0;}
.logo{ width:auto; float:none; text-align:center; padding:20px 0;}
.logo h2{ font-size:26px !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.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 .col-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 .col-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;}

#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*/
.col-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%;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {width: 32px !important;}
.rsswidget img{ width:auto !important;}
.footercols-1 .footer-cols ul li.icon::before {left:-10px;}
.slidearea{min-height:inherit !important;}
.slider-caption{ padding:25px; width:80%; margin:0 auto}
#next{ right:0 !important;}
#prev{ left:0 !important;}
.postslider .owl-nav{ top:15%;}
.postslider .owl-nav .owl-next{right:0}
.postslider .owl-nav .owl-prev{left:0}
#footer-wrapper{ padding:40px 0 0 0 }
#section2 .container{ padding:0;}
.largfullpost_thumb{ height:170px;}
.largfullpost_thumb img{min-height:170px;}
.row_area{ margin:0;}
.largfullpost3_thumb{height:auto; width:100%;}
.largfullpost3_thumb img{min-height:inherit;}
}
/* Mobile Portrait View */
@media screen and (max-width:479px) {
.headline{width:44.7%;}
.container{margin:0 auto; box-sizing:border-box; width:100%; padding:0 15px;}
.header-top{ margin-bottom:0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .tab-content-post, .tab-content-post .tabs-wrapper ul.tabs li, .list-post-thumb{padding:0;width:100%;float:none;margin:0px auto;display:inline-block;}
section{ padding:30px 0;}
.tab-content-post .tabs-wrapper ul.tabs li{ border-bottom:1px solid #474747; vertical-align:top; }
.slider .owl-carousel .owl-item img{min-height:inherit !important;}
.slidesection{height:auto;} 
.carousel-area{width:100%!important;margin:0 auto!important}
.pgwSlideshow .ps-current{height:140px!important;}
.pgwSlideshow .ps-current ul li img{min-height:inherit;}
.pgwSlideshow.narrow .ps-list li img{height:90px !important;width:105px !important;}
.pgwSlideshow .ps-list ul{ margin:0 auto !important}
.widget-col-column-1, .widget-col-column-2, .widget-col-column-3, .widget-col-column-4{ margin:0 auto 5% auto; width:100%; float:none;}
.copyright-txt, .design-by{ float:none; text-align:center; }
.pgwSlideshow .ps-list .ps-prev, .pgwSlideshow .ps-list .ps-next{ top:38px !important; display:block !important;}
/*Home page Template Layout Block */
#sitemain .contentarea{padding:0 !important;}
.FloatLeft, .site-main {float:none !important; width:100% !important; padding:0;}
#sidebar{ width:100%; margin:0 auto;}
.sidebar-right{ float:none;}
#sidebar .widget img{ width:100%; height:auto; }
/*Home page Template Layout Classic */
.sidebar-left{ float:none; }
#sidebar .woocommerce-product-search .search-field{width:70.4%;}
#sidebar .search-form input[type="search"]{width:65.6%;}
.footercols-4 .footer-cols, .footercols-3 .footer-cols, .footercols-2 .footer-cols{ width:100%; float:none; margin:0 0 5% 0;}
/** NEW CSS **/
.news-ticker {float:none; height:auto; overflow:visible;text-align:left; width:100%;}
.searchright{ position:relative;} 
.searchbox{ width:100%;}
.slider-info .slider-title{ font-size:18px !important; margin-bottom:0; padding-bottom:0}
.slider-info p.slider-desc{ display:none;}
.featuredcatpost, .largfullpost2{ margin-bottom:10%; }
.featuredcatpost, .contentLeftarea, .largfullpost, .homesidebar, .largfullpost2{width:100%; float:none; padding:0; margin:0 auto 5% auto;}
.largfullpost3_thumb{height:auto; width:100%;}
.largfullpost2_thumb img, .largfullpost3_thumb img{ min-height:inherit; }
.largfullpost2_thumb figure{ max-height: inherit; margin:10px 0;}
.largfullpost2_thumb figure figcaption { padding:0;}
.spanleft, .spancenter, .spanright {display:inline-block; float:none !important;margin: 0 !important;text-align: center; width: 100%;}
section#instagram-full .container{ padding:0;}
.social-icon { margin:0;}
.social-icon a { width:35px; height:35px; line-height:35px; margin:0 2px 5px 3px;}
.woocommerce ul.products li.product .product-thumb{height:135px;}
.woocommerce ul.products li.product .product-thumb img{min-height:135px;}
}

/* Mobile Landscape View */
@media screen and (min-width:480px) and (max-width:767px){

/*Home page*/
#wrapper{ width:100% !important;}
.headline{width:100%;}
.container{margin:0 auto; box-sizing:border-box; width:100%; padding:0 15px;}
.header-top{ margin-bottom:0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .tab-content-post, .tab-content-post .tabs-wrapper ul.tabs li, .list-post-thumb{padding:0;width:100%;float:none;margin:0px auto;display:inline-block;}
section{ padding:30px 0;}
.tab-content-post .tabs-wrapper ul.tabs li{ border-bottom:1px solid #474747; vertical-align:top; }
.slider .owl-carousel .owl-item img{min-height:inherit !important;}
.slidesection{height:auto;} 
.carousel-area{width:100%!important;margin:0 auto!important}
.pgwSlideshow .ps-current{height:210px!important;}
.pgwSlideshow .ps-current ul li img{min-height:inherit;}
.pgwSlideshow.narrow .ps-list li img{height:90px !important;width:105px !important;}
.pgwSlideshow .ps-list ul{ margin:0 auto !important}
.widget-col-column-1, .widget-col-column-2, .widget-col-column-3, .widget-col-column-4{ margin:0 auto 5% auto; width:100%; float:none;}
.copyright-txt, .design-by{ float:none; text-align:center; }
.pgwSlideshow .ps-list .ps-prev, .pgwSlideshow .ps-list .ps-next{ top:38px !important; display:block !important;}

/*Home page Template Layout Block */
#sitemain .contentarea{padding:0 !important;}
.FloatLeft, .site-main {float:none !important; width:100% !important; padding:0;}
#sidebar{ width:100%; margin:0 auto;}
.sidebar-right{ float:none;}
#sidebar .widget img{ width:100%; height:auto; }
.sidebar-left{ float:none; }
#sidebar .woocommerce-product-search .search-field{width:81.4%;}
#sidebar .search-form input[type="search"]{width:78.8%;}

.footercols-4 .footer-cols, .footercols-3 .footer-cols, .footercols-2 .footer-cols{ width:100%; float:none; margin:0 0 5% 0;}
/** NEW CSS **/
.news-ticker {float:left; height:auto; text-align:left; width:50%;}
.searchright{ position:relative;}  
.searchbox{ width:50% !important;}
.slider-info .slider-title{ font-size:24px !important; margin-bottom:0; padding-bottom:0;}
.slider-info p.slider-desc{ display:none;}
.largfullpost2{ margin-bottom:10%; }
.contentLeftarea, .largfullpost, .homesidebar, .largfullpost2{width:100%; float:none; padding:0; margin:0 auto 5% auto;}
.homesidebar ul.instagram-full li{width:32.2%;}
#section2 .container{ padding:0;}
.featuredcatpost{width:50%; padding:15px;}
.featuredcatpost-thumb{ height:135px;}
.featuredcatpost-thumb img{ min-height:135px;}
.PostMeta span { margin:0;}
.social-icon a { float:none;}
.woocommerce ul.products li.product .product-thumb{height:210px;}
.woocommerce ul.products li.product .product-thumb img{min-height:210px;}
.largfullpost_thumb{ height:255px;}
.largfullpost_thumb img{min-height:255px;}
}

/* Tablet View */
@media screen and (max-width:1023px) and (min-width:768px){
#wrapper{ margin:0 auto; box-sizing:border-box;}
.container{ margin:0 auto; width:100% !important; padding:0 20px; box-sizing:border-box; }
.headline{width:22%;}
.news-ticker {width:50%; float:left;}
.searchright {float: right;position: relative;right: 0;top: 0;}
.logo{ margin-top:0; border-bottom:20px;}
.slidesection{height:225px;}
.slider .owl-carousel .owl-item img{ min-height:225px !important;}
.articles .thumb{height:40px; margin-right:10px; width:40px;}
.popular-articles{height:240px; overflow:auto; width:auto;}
.category-box .thumb{height:140px;}
.category-box .thumb img{min-height:140px;}
.pgwSlideshow .ps-current {height: 255px !important;}
.pgwSlideshow .ps-current ul li img{min-height:inherit;}
.carousel-area{margin-right:10px;}
.tab-content-post{height:350px;overflow:auto;}
.tab-content-post .tabs-wrapper ul.tabs li span{ font-size:10px;} 
.recent-thumb{ width:40px; height:40px;}
.recent-thumb img{ min-height:40px;}
.list-post-thumb{width:100%; height:250px; overflow:hidden; float:none; margin:0 0 5% 0;}
.list-post-thumb img{ min-height:250px;}
.row_area{ margin:0 auto}
.copyright-wrapper{ padding:20px; }
/* Inner Pages CSS */ 
.pagecontent{margin:20px auto !important;}
.pagecontent #sidebar .woocommerce-product-search .search-field, .pagecontent #sidebar .search-form input[type="search"]{ width:100%;}
.pagecontent #sidebar input[type="submit"]{ width:100%;}
.pagecontent .contentarea{padding:25px 10px;}
#sidebar{width:25%;} 
.site-main{width:50%;}
/* New CSS */
.featuredcatpost-thumb{height:115px;}
.featuredcatpost-thumb img{ min-height:115px;}
.largfullpost2_thumb img {min-height:145px;}
.largfullpost2_thumb figure{max-height:145px;}
.PostMeta span { margin:0;}
.slidearea{min-height:300px !important;}
.woocommerce ul.products li.product .product-thumb{height:350px;}
.woocommerce ul.products li.product .product-thumb img{min-height:350px;}

.slider-caption{ padding:30px 20px; width:70%; }
.largfullpost_thumb{height:280px}
.largfullpost_thumb img{ min-height:280px}
.postslider .owl-nav{ top:23%;}
.largfullpost3_thumb{ height:auto;}
.largfullpost3_thumb img{min-height:inherit;}
.footer .sidepost_thumb{ width:100%; height:auto; margin:0;}
.footer .sidepost_thumb img{min-height:inherit}
#footer-wrapper{padding:40px 0 20px 0;}

}

@media screen and (max-width:1169px) and (min-width:1024px) {
#wrapper{width:100%;}
.container {margin:0 auto; width:100%; padding:0 20px; box-sizing:border-box;}
.popular-articles {height:320px; overflow:auto;}
.slidesection{height:320px;}
.slider .owl-carousel .owl-item img {min-height:320px !important;}
.carousel-area{margin-right:22px;}
.tab-content-post .tabs-wrapper ul.tabs li span{font-size:12px;}
.recent-thumb {height:50px; margin-right:10px; width:50px;}
.recent-thumb img{ min-height:50px;}
.pgwSlideshow .ps-current{height:315px!important;}
.pgwSlideshow .ps-current ul li img{min-height:315px;}
.tab-content-post{height:410px;overflow:auto;}
/* Inner Pages CSS */ 
.pagecontent{margin:auto 10px !important;}
.pagecontent #sidebar .woocommerce-product-search .search-field, .pagecontent #sidebar .search-form input[type="search"]{ width:100%;}
.pagecontent #sidebar input[type="submit"]{ width:100%;}
.pagecontent .contentarea{padding:25px 10px;}
#sidebar{width:25%;} 
.site-main{width:50%;}
.largfullpost2_thumb img{min-height:210px;}
.largfullpost2_thumb figure{max-height:210px;}
.PostMeta span { margin:0;}
.nav li a { padding:0 14px;}
.aboutimage { margin:0;}
.slidearea{min-height:300px !important;}
.featuredcatpost-thumb{height:160px;}
.featuredcatpost-thumb img{min-height:160px;}
.woocommerce ul.products li.product .product-thumb{height:210px;}
.woocommerce ul.products li.product .product-thumb img{min-height:210px;}

.header-top .container:before{left:0;} 
.header-top .container:after{right:0} 
.slider-caption{ width:65%;}
.largfullpost_thumb{height:380px;}
.largfullpost_thumb img{min-height:380px;}
.largfullpost3_thumb{height:225px;}
.largfullpost3_thumb img{min-height:225px;}

}

@media screen and (max-width:980px){
#wrapper{ width:100%; padding:0; box-sizing:border-box;}
.row{ margin:0 auto;}
.toggleMenu{display: block;}
.nav{ width:100%; float:none; margin:0; padding:0; top:0; position:relative; overflow-x:hidden; border:none;}
.nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.nav ul li{border-top:1px #ebf6e6 solid; display:block; float:none; text-align:left; border-right:none;}
.nav ul li a{padding:0 10px !important; line-height:35px; display:block; color:#000; text-align:left; border:none;}
.nav ul li a:hover{color:#ffffff;}
.nav ul li ul, .nav ul li ul ul{ display:block !important; border:none !important }
.nav ul li ul li a:before{content:"\f105"; font-family:FontAwesome; left:-7px; position:relative;}
.nav ul li ul li{ border-bottom:1px solid transparent!important;}
.nav ul li ul li a{padding-left:20px !important;}
.nav ul li ul li ul li a{padding-left:30px !important;}
.nav ul li ul li ul li ul li a{padding-left:40px !important;}
.nav ul li:hover > ul{ background:none !important;}
.nav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.nav ul li:hover ul li ul, .nav ul li:hover ul li:hover > ul, .nav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.nav ul li:hover ul li:hover ul, .nav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.logo img{ height:auto;}
.nav li ul li a.parent::after { content:"\f107";}
.header-top .container:before, .header-top .container:after{display:none;}
}
@media screen and (max-width:1299px){
	.slidearea{width:100% !important; padding:0 10px; box-sizing:border-box;}
}