/* Mobile Portrait View */
@media screen and (max-width:767px) {
*{box-sizing:border-box;}
.left, .right{ float:none;}
.container { width:auto; padding:0 20px;}
.logo{ float:none; text-align:left; max-width:70%;}
.Top-4-Services .gtcol-4, .ourthemes, .cols-4.social-links, ul#Grid .ourthemes, .BlogNOSidebar .blogposts{ float:none ; width:auto ; margin:0 0 35px ; }
.ourthemes .left{ float:left;}
.front-latest-theme{ margin-bottom:35px;}

.content-area, .sidebar-area{ float:none; width:100%;}
.all-theme ul li{ padding:8px 10px !important}
.single-theme-left, .single-theme-right{ float:none; width:100%;}
#theme_features .col-2{ float:none; width:100%; margin:0 0 10%; display:inline-block; text-align:center; padding:20px 15px;}
#theme_features .col-2 img, .support3col .supicon{ float:none;}
#theme_features .col-2 span{ width:15%;}
#theme_features .col-2 h4, #theme_features .col-2 .description{ width:100%;}
.GT3col .FDicon, .footer-container-bottom span{ float:none;}
.footer-container .cols-4.categories ul{column-count:1; -webkit-column-count:1; -moz-webkit-column-count:1; -ms-webkit-column-count:1;}
.blogposts img{ width:100%; float:none;}
#commentform textarea{ width:100%; }
.woocommerce #review #reviews #commentform textarea{ width:100%; height:auto;}
.woocommerce #reviews #comments ol.commentlist{ width:100%;}
.single-theme-right span.Readmore{ margin-top:10px;}
.cols-4, 
.footer-container .categories, 
.cols-4.recent-post, 
#list_services .left, 
#list_services .right, 
#frontThemeFeature .TFsixcols, 
.features_col, 
.freetheme_col, 
.protheme_col,
.pricingBX, 
.GDCols{ 
	float:none; width:100%; margin:0 0 35px;
}
ul.doc4col li{ float:none; width:auto; margin:0;}
.features_col h4{ margin:0; padding:0;}
.footer-container-bottom{ text-align:center;}
.AllButtonBX .Readmore{ padding:10px 24px;}
.bundleBtnBX .Readmore{ margin:10px 0 0 0;}
.showcase-category{ margin-top:0;}
.showcase-category span{ margin-bottom:10px; display:inline-block;}

/*Inner Banner Css*/
.fourbox{ width:100%; float:none; margin:0 0 25px;}
.bluestrip{ display:none;}
.header_full .left, .header_full .social_wrap{ float:none; text-align:center;}
.header_full .social_wrap{ background-color:#00aeff;}
.header_full .container{ width:auto;}
.clientsay{ padding:30px 20px;}
.testimonials-carousel-thumbnail{ float:none !important; margin:0 auto !important;}
.testimonials-carousel-content, .home .bx-wrapper h6{ text-align:center;}
.grace-allthemes, .sidebar-allthemes{ float:none; width:auto;}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="password"], .contact_form textarea{ width:100%;}
.ourthemes a.demolink{ padding:8px 15px; font-size:14px;}

.bundle-caption h3 span{ font-size:34px}
#SiteCounter h3{ font-size:22px; line-height:34px;}
#SiteCounter h3 span{ font-size:30px;}
#SiteCounter p{ font-size:16px;}
.counterbox .col4, .posts3col, .bestsellBX, .bestsellthumb, .GT3col{ float:none; width:100%; border:none; margin-right:0; }
.bestsellthumb{ padding:0;}
.counterbox .col4{ border-bottom:20px solid #e4e4e4;}
.bestsellBX{ padding-right:0;}
.bestsellBX .theprice{ position:relative; top:0; right:0;}
.bestsellBX h3{ font-size:22px; line-height:40px;}
.bestsellBX h3 span{ font-size:40px;}
.front-caption, .BannerImgBX, .bundle-caption, .bundle_ImgBX, .inner-caption-left, .inner-caption-right{ width:100%; float:none; padding:10% 0;}
.BannerImgBX img{ margin:0;}
.inner-caption-left, .bundle-caption, .inner-caption-right{ padding-bottom:0 !important;}
.inner_banner, .front-caption{ text-align:center;}

.front-caption h1{ font-size:22px; line-height:30px; margin-bottom:10px; }
.front-caption h1 span{ font-size:30px; margin-bottom:0;}
.front-caption h4{ font-size:15px; line-height:20px; margin-bottom:20px;}
.front-caption a{ padding:7px 15px; font-size:14px;}
.front-latest-theme a, .grace-allthemes .front-latest-theme a { height:280px; }
.btn-top { padding:0; }
.recent-themes h3 { font-size: 24px; margin-bottom: 30px; line-height:35px; }
.recent-themes h3 span{ font-size:28px;}

#themebundle{ text-align:center;}
.bundle-caption h3{ font-size:26px; line-height:32px; }
#RecentPosts h3{ font-size:26px; line-height:40px;}
#RecentPosts h3 span{ font-size:34px;}
.bundle-caption h5 { font-size:18px; line-height:24px; margin:20px 0 30px 0;}
.inner-caption-left h2{ font-size:26px;  line-height:32px;}
.inner-caption-left h3{ font-size:18px; line-height:24px; }
.page-template-about-us ul.list-1{ padding:25px;}
.Catfilter{ margin-bottom:40px; margin-top:0; padding:0;}
.Readmore{ margin-bottom:40px;}

.button-white{ padding:10px 20px; font-size:14px;}
.clientsay{ margin-top:50px;}
.buynowlink { width:105px; }
.sidebar-allthemes h3 { padding-top:15px; }
.all-theme ul li a{ padding:0 0 0 20px; }
.theme-image .demo-image { height: 400px; }
.single-theme-right { padding-top: 0px; }
.wp-pagenavi span.pages{ display:inline-block; margin-bottom:10px !important;}

/*review form CSS*/
#commentform{ width:100%;}
.woocommerce #reviews #comments ol.commentlist li{ padding:20px;}
.woocommerce #review #reviews #comments ol.commentlist li img.avatar{ width:35px; margin:0 10px 10px 0 ;}
#reviews .description{ padding-left:0; clear:both;}
.woocommerce #review #reviews #comments ol.commentlist li .comment-text p.meta strong{ font-size:11px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ display:inline-block; float:right;}
.blogpagination .wp-pagenavi{ margin-bottom:20px;}
.changelogbox label{ width:auto; font-weight:600;}
.BlogNOSidebar .blogposts .blogpostimg{ float:none; width:100%; margin:0 0 25px;}
.single-theme-right .Readmore{ margin:0 0 10px 0;}
.BlogNOSidebar .blogposts{ min-height:inherit;}
.BlogNOSidebar .BlogNOSidebar .blogposts .blogpostimg{ height:auto;}
.BlogNOSidebar .BlogNOSidebar .blogposts .blogpostimg img{ min-height:inherit;}
}



/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px){
.container { width:auto; padding:0 20px;}
.ourthemes img{ width:100% !important;}

/*Inner Banner Css*/
.inner-caption-left h3{ font-size:16px; line-height:18px;  }
.showcasetem{ width:450px; margin:0 auto;}
}
@media screen and (min-width: 420px) and (max-width: 767px){
.changelogbox label{ width:150px; font-weight:600;}
.logo{ max-width:55%;}
}
@media screen and (min-width: 300px) and (max-width: 480px){
#chngelogwrap{ padding:10px;  font-size:12px; margin-bottom:20px;}
.changelogbox span{ padding:10px;}
#chngelogwrap .review_count{ padding-right:20px;}
.bundle-caption{ float:none; width:100%;}
}

@media screen and (min-width:600px) and (max-width:1169px) { 
.front-caption{ float:left; width:45%; text-align:left;}
.BannerImgBX{ float:right; width:50%; padding:7% 0 0 0;}
.BannerImgBX img{ margin:0;}
.bundle-caption{ float:left; width:50%; padding:8% 0; text-align:left;}
.bundle_ImgBX{ float:right; width:50%; padding:8% 0;}
.bestsellBX{ float:left; width:50%;}
.bestsellthumb{ float:right; width:50%;}
.inner-caption-left{ float:left; width:50%; text-align:left; padding:5% 0 0 0;}
.inner-caption-right{ float:right; width:50%; padding:5% 0 1%;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
.container { width:auto; padding:0 20px;}
.timeline li .timeline-content{ width:84%;}
#theme_features .col-2 h4, #theme_features .col-2 .description{ width:85%;}
.bundle_ImgBX{ padding:3% 0 !important;}
/*Inner Banner Css*/
.ourthemes{ width:31%; float:left; margin:0 3% 0 0;}
.fourbox{ width:23.3%; float:left; margin:0 15px 25px 0; min-height:272px;}
.pagecontent h6{ font-size:14px;}
.fourbox .thumbbx{ height:155px;}
.fourbox .thumbbx img{ min-height:155px;}
.bundle-caption h3{ font-size:26px; line-height:38px; margin-bottom:22px;}
.bundle-caption h3 span{ font-size:40px;}
.bundle-caption h5 { margin:0 0 30px 0; }
.front-latest-theme a, .grace-allthemes .front-latest-theme a { height:250px; }
.frontprice { top:38%; }
.btn-top { padding-top: 25px; }
.clientsay{ margin-top:50px;}
.inner-caption-left h2 { font-size:36px; }
.buynowlink { width:105px; }
.bluestrip { width:28%; }
.single-theme-right .Readmore{ margin-bottom:10px;}
}



@media screen and (max-width:980px) and (min-width:768px) { 
.logo{ float:none; max-width:30%;}
.front-caption h1{ font-size:26px; line-height:35px; margin-bottom:20px; }
.front-caption h1 span{ font-size:40px;}
.front-caption h4{ font-size:18px; margin-bottom:30px;}
.front-caption a{ padding:8px 20px;}
.front-caption{ padding:10% 0 0;}
.BlogNOSidebar .blogposts{ min-height:380px;}
h2.blog-title{ font-size:16px; line-height:24px;}
.BlogNOSidebar .blogposts .blogpostimg{ height:200px;}
.BlogNOSidebar .blogposts .blogpostimg img{ min-height:200px;}
.freetheme_title, .protheme_title{ font-size:15px;}
.freetheme_title::after, 
.protheme_title::after{ border-width:84px; left:16%; }
.freetheme_title::after{ border-top:20px solid #02b0ff;}
.protheme_title::after{ border-top:20px solid #ffa200;}
.ourthemes .demo-detail{ top:35%;}
.front-latest-theme{ padding:10px;}
.ourthemes a.demolink{ font-size:12px; padding:10px 15px;}
.ourthemes .frontprice{ padding:5px 15px; font-size:14px;}
.ourthemes h6{ font-size:16px;}
#SiteCounter h3{ font-size:30px; line-height:50px;}
#SiteCounter h3 span{ font-size:40px;}
.counterbox .col4 h2{ font-size:38px;}
.counterbox .col4 h4{ font-size:18px;}
.counterbox .col4{ padding:30px;}
.posts3col .hpblogthumb{ height:200px;}
.posts3col .hpblogthumb img{ min-height:200px;}
.bestsellBX{ padding-right:5%;}
.bestsellBX h3{ font-size:18px; line-height:35px;}
.bestsellBX h3 span{ font-size:38px;}
.bestsellBX .theprice{ right:0; width:125px; height:125px; padding-top:30px;}
.GT3col .FDicon, .footer-container-bottom span{ float:none;}
.footer-container .footer-title{ font-size:18px;}
#theme_features .col-2 img{ float:none;}
ul.doc4col li{ width:45%;}
}
@media screen and (max-width:1023px) { 
.logo{ float:none;}
}

@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
.container { width:auto; padding:0 20px;}
.freetheme_title, .protheme_title{ font-size:22px;}
.freetheme_title::after, 
.protheme_title::after{ border-width:108px; left:12%; }
.freetheme_title::after{ border-top:25px solid #02b0ff;}
.protheme_title::after{ border-top:25px solid #ffa200;}
#navigationpanel{ float:none;}
.ourthemes a.demolink{ padding:12px 15px;}
ul.doc4col li a{ font-size:14px; padding-left:20px;}
.Catfilter{ margin-right:0;}
.Catfilter select{ width:225px;}
}
@media screen and (max-width: 980px){
.menu-toggle,
.dropdown-toggle {display: block;}
#navigationpanel{ float:none;}
#free-Themes, #latestThemes, #frontThemeFeature, #PopularThemes, body.home #colophon{ padding:50px 0; text-align:left;}
#free-Themes p{ padding:0; text-align:center;}
#frontThemeFeature h3{ font-size:30px; line-height:40px;}
.site-navigation ul li#log-in-out-link a{ display:table;}
.Top-4-Services .gtcol-4{ border:none; padding:30px 20px;}
.FtrBlueBX{ margin-bottom:40px;}
.space10{ height:10px; clear:both;}
.TFsixcols{ padding:25px;}
.TFsixcols .tfsmicon{ float:none; margin-bottom:10px;}
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 textarea,
.contact_form input[type="text"], 
.contact_form input[type="email"], 
.contact_form input[type="password"], 
.contact_form textarea{ width:100%;}
.BlogNoSidebar{ width:100% !important; padding:25px !important;}

.CatThemeSearchPart{ width:auto; float:none; margin-right:0; margin-top:0; padding-bottom:30px; }
.ThemesSearchBox{ float:none; width:auto; margin-bottom:25px;}
.Catfilter{ float:none; margin-right:0;}
.Catfilter select{ width:100%;}
}