@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
/* 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:center; margin:0 auto; max-width:70%;}

.srv_wrapz .clmn-3, .ourthemes{ float:none ; width:auto ; margin:0 0 35px ; }

#list_services .left, #list_services .right, #aboutwrap .cols-2{ width:100%; float:none; margin-bottom:35px;}

.resp_left, .resp_right{ float:none; width:auto; margin-bottom:35px; text-align:center;}

ul.timeline li{ border:none}

.timeline li .pointer{ float:none; margin: 0 auto 15px auto; left:0;}

.timeline li .timeline-content{ float:none; width:auto; text-align:center;}

.about-left{ text-align:center; margin-bottom:35px;}

.about-left h3{ float:none; width:auto;}

.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{ float:none;}

#theme_features .col-2 span{ width:15%;}

#theme_features .col-2 h4, #theme_features .col-2 .description{ width:100%;}

.blogposts img{ width:100%; margin:0 0 15px 0; 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{ float:none; width:100%; margin:0 0 35px;}

.footer-container-bottom{ text-align:center;}

/*Inner Banner Css*/



.inner_banner{  height:150px; padding:20px 0 0 0; }

.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:#009ee7;}

.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%;}



.slider-wrap{ min-height:250px;}

.front-caption{ width:90%;}

.front-caption h1{ font-size:22px; line-height:30px; margin-bottom:15px; padding-bottom:15px;}

.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 { height:280px; }

.btn-top { padding:0; }

.recent-themes h3 { font-size: 28px; margin-bottom: 30px; }

#themebundle{ min-height:355px; background-position:center bottom;}

.bundle-caption h3{ font-size:26px; line-height:32px;}

.bundle-caption h5 { font-size:18px; line-height:24px; margin:20px 0 30px 0; }

.inner_banner{ min-height:250px;}

.banner-caption h1{ font-size:26px;  line-height:32px;}

.banner-caption h3{ font-size:18px; line-height:24px; }



.bundle-caption { padding-top: 15%; }

.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; }

/*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;}
.blogposts .blogpostimg{ float:none; width:100%; margin:0 0 25px;}
#compare_section{ display:none;}
.single-theme-right .Readmore{ margin-bottom:10px;}
}



/* Mobile Landscape View */

@media screen and (min-width: 480px) and (max-width: 767px){

*{box-sizing:border-box;}

.container { width:auto; padding:0 20px;}

.ourthemes img{ width:100% !important;}

/*Inner Banner Css*/

.inner_banner{  height:170px; padding:20px 0 0 0; }

.banner-caption h2{ font-size:26px; }

.banner-caption 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;}
}
@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;}
}


@media screen and (min-width: 550px) and (max-width: 767px){

*{box-sizing:border-box;}

.ourthemes{ width:31%; float:left; margin:0 3% 0 0;}

.front-caption{ padding:6% 0 0;}

}



/* Tablet View */

@media screen and (max-width:1169px) and (min-width:768px) { 

*{box-sizing:border-box;}

.container { width:auto; padding:0 20px;}

.logo{ float:none; text-align:center; margin:0 auto; max-width:70%;}

.timeline li .timeline-content{ width:84%;}

.Readmore{ padding:10px 15px;}

#theme_features .col-2 h4, #theme_features .col-2 .description{ width:85%;}



/*Inner Banner Css*/

.fourbox{ width:23.3%; float:left; margin:0 15px 25px 0; min-height:272px;}

.pagecontent h6{ font-size:14px;}

.fourbox .thumbbx{ height:155px;}



.slider-wrap{ min-height:350px;}

.front-caption h1{ font-size:26px; line-height:32px; margin-bottom:20px; padding-bottom:20px;}

.front-caption h4{ font-size:18px; margin-bottom:30px;}

.front-caption a{ padding:8px 20px;}

#themebundle{ min-height:355px; background-position:center bottom;}

.bundle-caption h3{ font-size:30px;}

.bundle-caption h5 { margin:10px 0 50px 0; }

.front-latest-theme a { height:250px; }

.frontprice { top:38%; }

.btn-top { padding-top: 25px; }

.clientsay{ margin-top:50px;}

.banner-caption { padding-top: 8%; }

.banner-caption h1 { font-size:36px; }

.buynowlink { width:105px; }

.grace-allthemes .front-latest-theme a { height:200px; }

.bluestrip { width:28%; }

}



@media screen and (max-width:980px) and (min-width:768px) { 
.front-caption{ padding:10% 0 0;}
.blogposts .blogpostimg{ float:none; width:100%; margin:0 0 25px;}
.freetheme_title, .protheme_title{ font-size:18px;}
.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;}
}
@media screen and (max-width:1169px) and (min-width:981px) { 

html{overflow-x:hidden; }
.container { width:auto; padding:0 20px;}
.logo{ float:left; max-width:30%;}
.Readmore{ padding:10px 15px;}
.front-caption{ padding:6% 0 0;}
.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;}
}
@media screen and (max-width: 980px){

.main-navigation{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#ece9e9; }

.main-navigation ul{ width:100% !important; float:none !important; }

.main-navigation ul li{border-bottom:1px #dad5d5 solid; display:block; float:none; text-align:left;}

.main-navigation ul li a{padding:10px 10px !important; display:block; color:#000; line-height:18px;}

.main-navigation ul.sub-menu{ margin-left:10px;}

.main-navigation ul li ul, .header .header-inner .nav ul li ul ul{ display:block !important;}

.main-navigation ul li ul li a:before{content:"\00BB \00a0";}

.main-navigation ul li ul li a{padding-left:20px !important;}

.main-navigation ul li ul li ul li a{padding-left:30px !important;}

.main-navigation ul li:hover > ul{ background:none !important;}

.main-navigation ul li:hover > ul{ width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}

.main-navigation ul li:hover ul li ul, .main-navigation ul li:hover ul li:hover > ul, .main-navigation ul li:hover ul li:hover > ul li ul{ display:block; position:relative !important;  right:0; left:0; top:0;}

.main-navigation ul li:hover ul li:hover ul, .main-navigation ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}

.space10{ height:10px; clear:both;}
}