@-ms-viewport {
width: device-width;
}
@viewport{
width: device-width;
}


@media only screen and (max-width: 1023px) {
.wrapper{
width:92%;
}

.admin-bar header {
top:0;
}
.main {
top:-81px;
margin-bottom:-81px
}
.m-cnt{
display: block;
}
.d-cnt {
display:none
}

header {
position:relative!important;
-webkit-transition: none !important;
transition: none !important;
}
header .pure-menu {
min-height:79px;
text-align:left
}
header .pure-menu a,header .pure-menu .pure-menu-heading {
padding-left:0;
padding-right:0
}
header .pure-menu .pure-menu-heading {
float:none!important;
}
header .pure-menu .pure-menu-link.m-cnt {
display:block
}
header .pure-menu.pure-menu-horizontal>ul {
display:none;
}


.shortcode_column.column-empty,
.divider.dtop-cont{
display: none;
}
.shortcode_column[class *= "pure-u-"]{
width:100%!important;
margin-right:0;
float:none;
}



.extra-content-column,
.full-width-content .full-width-content-wrapper > .column{
padding-left: 0!important;
padding-right: 0!important;
}
.extra-content-column.set-background,
.full-width-content.full-width-shortcode:not(.no-margins) .full-width-content-wrapper{
padding-left: 4%!important;
padding-right: 4%!important;
}
.tablet-1-columns .extra-content-column.set-background{
 min-height: 0!important;	
}
.extra-content-column.keep-resp-padding{
padding-left: 15%!important;
padding-right: 15%!important;	
}

.hole {
background-attachment:scroll!important;	
}





footer .column.pure-u-1-4,
footer .column.pure-u-1-2{
width:48%;
margin-right: 4%;
}

footer .column.pure-u-1-4:nth-child(2n){
margin-right: 0;
}
footer .column.pure-u-1-4:nth-child(2n+1){
clear: both;
}

footer .column.pure-u-1-3{
width:30.667%;
margin-right: 4%;
}
footer .disclaimer .social li,
footer .disclaimer .social li a{
float:none;
}
footer .disclaimer .social,
footer .disclaimer > p{
float: none!important;	
max-width: 620px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
footer .disclaimer > p{
margin-top:21px;
}



.blog-content.pure-u-2-3,
.sidebar-content.pure-u-1-3,
.blog-content.pure-u-1,
.portfolio-sidebar.pure-u-1-3{
display: block;
width:100%;
max-width: 620px;
margin: 0 auto;
}
.portfolio-content.pure-u-2-3{
width:100%;
max-width: 940px;
display: block;
margin: 0 auto;
}
.top-portfolio-navigation{
width:92%;
}
.sidebar-content.pure-u-1-3,
.portfolio-sidebar.pure-u-1-3{
margin-top: 80px;
}
.blog aside,
.portfolio-sidebar .inner > aside{
padding-left: 0px;	
}

.blog.no-sidebar-full-centered-blog .align_t_c_left .single-post-footer,
.blog.no-sidebar-full-centered-blog .align_t_c_left .single-post-content>.header,
.blog.no-sidebar-full-centered-blog .align_t_c_left .index-post-content>.header,
.blog.no-sidebar-full-centered-blog .align_t_c_left.feature-content-620 .featured-image,
.blog.no-sidebar-full-centered-blog .align_t_c_left.feature-content-620 .feature-content,
.blog.no-sidebar-full-centered-blog .align_t_c_left.feature-content-620 .gallery,
.blog.no-sidebar-full-centered-blog .align_t_c_left .index-post-content p.center_content_fw{
margin-left: auto!important;
}

.right-sidebar-blog article.index-post-content:last-child{
border-bottom: 1px solid #d9d9d9;	
}


}



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

h1 {
font-size: 30px;
line-height: 36px;
}

header .pure-menu .pure-menu-link span {
display: none;
}
html #wpadminbar {
z-index: 1200!important;
}

footer .column[class *= "pure-u-"]{
 width:100%;
 margin-right: 0;
}

.blog article .header .inner > p > span:after {
display: none;
}
.blog article .header .inner > p > span{
display: block;
padding-left: 0;
line-height: 20px;
}

ol.comment-list ol.children ol.children {
margin-left: 0;
}

.image_slider .arrow-left span,
.tp-leftarrow.outeredge:after,
.carousel.full-width-content .arrow-left span,
.carousel.full-width-content.white_arrows .arrow-left span{
background-position: -151px -83px;
width: 10px;
height: 18px;
margin-top: -9px;
top:50%;
left: 21px;
}

.image_slider .arrow-right span,
.tp-rightarrow.outeredge:after,
.carousel.full-width-content .arrow-right span,
.carousel.full-width-content.white_arrows .arrow-right span{
background-position: -181px -83px;
width: 10px;
height: 18px;
margin-top: -9px;
top:50%;
right: 21px;
}

.image_slider .black_arrows .arrow-left span,
.tp-leftarrow.default.black:after,
.carousel.full-width-content.black_arrows .arrow-left span{
background-position: -7px -83px;
}
.image_slider .black_arrows .arrow-right span,
.tp-rightarrow.default.black:after,
.carousel.full-width-content.black_arrows .arrow-right span{
background-position: -37px -83px;
}
.image_slider .stroke_arrows .arrow-left span,
.tp-leftarrow.default.stroke:after{
background-position: -503px -82px;
width: 12px;
height: 20px;
margin-top: -10px;
}
.image_slider .stroke_arrows .arrow-right span,
.tp-rightarrow.default.stroke:after {
background-position: -533px -82px;
width: 12px;
height: 20px;
margin-top: -10px;
}

.blog .error404 {
margin-top: 97px;
min-height: 263px;
}

.extra-content-column.set-background{
min-height: 0!important;
}


}


@media only screen and (min-width: 1700px) {
.portfolio-full_width.full-width-content .isotope-item{
width:20%	
}
.portfolio-full_width_spacing.full-width-content .isotope-item{
width:16.8%	
}
}



@media only screen and (min-width: 1400px) and (max-width: 1700px) {

.portfolio-full_width.full-width-content .isotope-item{
width:25%	
}
.portfolio-full_width_spacing.full-width-content .isotope-item{
width:21.5%	
}
}

@media only screen and (max-width: 1400px) {
}



@media only screen and (min-width: 1023px) and (max-width: 1400px) {

.portfolio-full_width.full-width-content .isotope-item{
width:33.33333%
}
.portfolio-full_width_spacing.full-width-content .isotope-item{
width:29.33333%
}

}

@media only screen and (max-width: 1023px) {
.portfolio-main .filter {
padding-bottom: 46px;
}
.portfolio-main .vertical-filter h4{
margin-top: 0px!important;
}
.portfolio-main .filter h4{
text-align: center;
float: none;
max-width: none;
}
.portfolio-main .filter ul.btns {
margin: 19px 0 1px;
text-align: center;
float: none;
max-width: none;
}
.portfolio-main .filter-dropdown{
margin: 35px auto 8px;
float: none;
}
.portfolio-main.portfolio-full_width_spacing .filter,
.portfolio-main.portfolio-full_width_spacing .pagination.pagination-3,
.portfolio-main.portfolio-full_width .filter,
.portfolio-main.portfolio-full_width .pagination.pagination-3  {
width:100%;
max-width: 620px;
margin-left: auto;
margin-right: auto;
}

.portfolio-main:not(.under) .portfolio-item .portfolio-info,
.recent-project-slide .recent-project-info{
display: block;
position: relative;
margin-top: 19px;
width: 100%;
height:auto;
z-index: 15;
-webkit-transition: background .2s ease-out;
transition: background .2s ease-out;
}
.portfolio-main:not(.under) .portfolio-item .portfolio-title,
.recent-project-slide .recent-project-title{
position: relative;
width: 100%;
padding:0;
margin-top: 0px;
text-align: center;
opacity:1;
}
.portfolio-main:not(.under) .portfolio-item:hover .portfolio-info,
.recent-project-carousel .recent-project-slide:hover .recent-project-info{
background: transparent!important;
}
.portfolio-main:not(.under) .portfolio-info h6,
.recent-project-slide a.recent-project-info h6 {
color:#222;
font-size: 13px;
line-height: 18px;
}
.portfolio-main a.portfolio-info:hover h6,
.recent-project-slide a.recent-project-info:hover h6 {
color:#222;
-webkit-backface-visibility: hidden;		
opacity: .7;
}
.portfolio-main a.portfolio-info .portfolio-categories,
.recent-project-slide .recent-project-categories{
display: none;
}
.portfolio-main .isotope-item {
margin-bottom: 49px!important;
}

.recent-project-carousel.full-width-content .arrow-right,
.recent-project-carousel.full-width-content .arrow-left {
margin-top: -58px;
}

.tabbed>ul {
margin:0;
width: 100%;
float: none;
padding: 0;
border-bottom: 1px solid #ccc;
background:none;
overflow:hidden;
border-right: 0;
}
.right-sidebar-blog .tabbed>.panels,
.no-sidebar-centered-blog .tabbed>.panels,
.tabbed>.panels{
width: 100%!important;
float: none;
border-left: 0;
padding: 32px 0 20px;
margin-left: 0;
}

.tabbed>ul li {
margin:0 1px 0 0!important;
padding:0;
background:none;
overflow:hidden;
float:left;
list-style:none
}


.pricing.info .pricing-header{
padding:0;
}

.pricing.info .extra-text,
.pricing.info .feature-content{
display: none;
}

.pricing.info ul li.feature-extra-text {
display:list-item;
font-size: 13px;
font-style: italic;
}
.pricing.info ul li.feature-extra-text span{
opacity:.62;
}
.pricing .price {
line-height: 80px;
height: 80px;
padding-right: 46px;
text-align: right;
}
.pricing.info .arrow-icon{
display: inline-block;	
position: absolute;
height:80px;
width:46px;
right: 0;
top:0;
cursor:pointer;
}
.pricing.info .arrow-icon i{
position: absolute;
background: url(../img/outeredge_icons.png) no-repeat -300px -146px;
height:8px;
width:13px;
top:37px;
right:21px;
}
.pricing.info .pricing-header + .arrow-icon i,
.pricing.info .pricing-header.black_txt + .arrow-icon i,
.pricing.info .pricing-content:hover .pricing-header.black_txt_hvr + .arrow-icon i{
background-position: -300px -146px;
}
.pricing.info .pricing-header.white_txt+.arrow-icon i,
.pricing.info .pricing-content:hover .pricing-header.white_txt_hvr+.arrow-icon i{
background-position: -376px -146px;
}
.pricing.info .pricing-header + .arrow-icon.open i,
.pricing.info .pricing-header.black_txt + .arrow-icon.open i,
.pricing.info .pricing-content:hover .pricing-header.black_txt_hvr + .arrow-icon.open i{
background-position: -300px -118px;
top: 35px;
}
.pricing.info .pricing-header.white_txt+.arrow-icon.open i,
.pricing.info .pricing-content:hover .pricing-header.white_txt_hvr+.arrow-icon.open i{
background-position: -376px -118px;
top: 35px;
}


.pricing .price .currency_symbol{
top:-14px;
font-size:15px;
}
.pricing .price .amount {
font-size:36px;
margin-right:3px;
}
.pricing .price .interval{
font-size:11px;
}
.pricing.info h5{
position:absolute;
top: 32px;
left: 21px;
padding:0;
margin:0;
font-size:13px;
line-height:15px;
text-align:left;
max-width: 75%;
}

.pricing.info .recommendation  {
position: absolute;
top:9px;
left:0px;
height:19px;
width: auto;
}
.pricing.info .recommendation .recommend {
height: 100%;
font-size: 9px;
line-height: 19px;
padding: 0 8px 0 21px;
box-shadow:none;
}

.pricing.info ul.feature-content li {
border-top: none;
}


.pricing.info .feature-extra-text{
-webkit-transition: color .1s ease-out, border-color .1s ease-out, background-color .1s ease-out, opacity .1s ease-out;
transition: color .1s ease-out, border-color .1s ease-out, background-color .1s ease-out, opacity .1s ease-out;
padding: 23px 21px 24px;	
}
.pricing.info .feature{
padding: 12px 21px 11px;	
}
.pricing.info .feature:last-child{
padding-bottom:28px;
}
.pricing.info .feature-extra-text + .feature{
padding-top:22px;
}

.pricing.info ul.feature-content li .outrdg-button {
margin: 9px 0 0;
}
.pricing.info+.pricing.info,
.pricing-sc-container +.pricing-sc-container{
margin-top: 21px!important;
}
.pure_column .pricing.info .pricing-content {
margin-right: 0;
}

}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
.portfolio-main.portfolio-3_columns .isotope-item,
.portfolio-main.portfolio-2_columns .isotope-item{
 width: 48.5%; 
 }
.gutter-sizer{
 width: 3%; 
}
.portfolio-main.portfolio-grid .isotope-item{
margin-bottom: 3%;
}

.portfolio-full_width.full-width-content .isotope-item{
width:50%	
}
.portfolio-full_width_spacing.full-width-content .isotope-item{
width:44.5%;
margin:0 1.5% 3%;
}
.portfolio-main.portfolio-full_width_spacing .portfolio-isotope-container{
padding:0 2.5%;
}

}

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

.portfolio-main.portfolio-grid .isotope-item{
margin:0 0 3%;
}
.portfolio-main.portfolio-grid .portfolio-isotope-container{
margin:0;
}
.portfolio-main.portfolio-3_columns .isotope-item,
.portfolio-main.portfolio-2_columns .isotope-item{
width:100%
}

.portfolio-full_width.full-width-content .isotope-item{
width: 100%
}
.portfolio-full_width_spacing.full-width-content .isotope-item{
width: 90%;
margin:0 0 3%;
}
.portfolio-main.portfolio-full_width_spacing .portfolio-isotope-container{
padding:0 5%;
}
.portfolio-main.portfolio-full_width_spacing .filter, .portfolio-main.portfolio-full_width_spacing .pagination.pagination-3 {
padding-left: 5%; 
padding-right: 5%; 
}

.tabbed>ul li,
.tabbed.horizontal>ul li{
margin:1px 0 0!important;
display: block;
width:100%;
float: none;
}
.tab_block {
padding:0 20px;
}

.blog article .article-footer-meta.both_dd ul.dropdown {
left: -98px;
}


}

@media screen and (max-width: 600px) {
#wpadminbar {
    position: fixed !important;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.pagination.pagination-3 a.next,.pagination.pagination-3 a.prev,
.blog article .descr .pagination .btn-newer a i,
.comments .comment-navigation .nav-previous a i,
.blog article .descr .pagination .btn-older a i,
.comments .comment-navigation .nav-next a i,
.widget_search .icon,
.widget .chosen-container-single .chosen-single div b,
.widget .chosen-container-active.chosen-with-drop .chosen-single div b,
.widget_calendar table  tfoot #prev a,
.widget_calendar table  tfoot #next a,
.widget_recent_comments ul li:before,
header .pure-menu .pure-menu-link i,
header .pure-menu li.has-child > a:after,
header .pure-menu ul li.btn-search a,
header .pure-menu-2 ul li.form-search .icon,
.back-to-main-portfolio a i,
.portfolio-navigator .btn-newer  a i,
.portfolio-navigator .btn-older  a i,
.portfolio-main .filter-dropdown #filter-portfolio i,
.tp-leftarrow.outeredge:after,
.tp-rightarrow.outeredge:after,
.mobile-menu input[type="submit"],
.carousel .arrow-left span,
.carousel .arrow-right span,
.happy-testimonials .pagination-arrows .arrow-left span,
.happy-testimonials .pagination-arrows .arrow-right span,
.image_slider .arrow-left span,
.image_slider .arrow-right span,
.styled-select:after,
.pricing.info .arrow-icon i
{
background-image: url('../img/outeredge_icons@2x.png') !important;
background-size: 600px 400px !important;
}
}