@media (min-width: 2560px) {
	.op-main-banner figure{
		text-align: right;
	}
	
	
}
@media (max-width: 1200px) {
    
    
}
@media (max-width: 1199px) {
	.site-header .main-navigation ul li a {
	    padding: 4px 12px;
	    font-size: 12px;
	}
}
@media (max-width: 1050px) {
    .op-main-banner{
            height: auto;
    }
    .op-main-banner .content-right figure {
        margin-top: 20px;
    }
    .banner-top-wrap {
        padding-top: 140px;
    }
}
@media (max-width: 1024px) {


	.site-header .main-navigation ul li a{
		padding: 0px 8px;
		font-size: 13px;
	}
	.op-boxed-wrapp {
    	width: 97%;
	}
	.inner-items .button-row > div {
    	min-width: 185px;
	}
	.op-main-banner .content-left h1 {
	    font-size: 32px;
	    font-weight: 600;
    }
    .top-text {
    	font-size: 15px;
	}
    .content-left {
    	margin-bottom: 45px;
	}
	.banner-top-wrap .button-row > div {
    	min-width: 179px;
    }
    section.slanted .section-title-service {
    	padding-top: 10px;
	}
	.action-btn-wrapper .button-row {
    	margin-right: 5px;
	}
	.banner-top-wrap {
    	padding-top: 100px;
	}
	.site-header .main-navigation ul li a{
		line-height: 73px;
	}
	.site-header {
	    padding: 6px 0;
	}
	.mobile-navigation{
		display: block;
		text-align: right;
	}
	.desk-nav-main,
	.user-profile{
		display: none;
	}
	.mobile-navigation.active .mobile-nav-items,
	.mob-menu-toggle{
		display: block;
	}
	.mob-menu-toggle {
	    display: inline-block;
	    cursor: pointer;
	}
	.operation-header .users-wrapp {
	    margin-left: auto;
	}
	.mob-menu-toggle span {
	    width: 25px;
	    height: 2px;
	    border-radius: 3px;
	    background-color: #fff;
	    display: block;
	    margin: 5px 0;
	    transition: all 0.2s ease-in-out; 
	}
	.mobile-navigation.active .mob-menu-toggle span:first-child {
	    transform: rotate(45deg) translate(5px, 5px);
	}
	.mobile-navigation.active .mob-menu-toggle span:last-child {
	    transform: rotate(-45deg) translate(5px, -5px);
	}
	.mobile-navigation.active .mob-menu-toggle span:nth-child(2) {
	    transform: translateX(-50%);
	    opacity: 0;
	}
	.mobile-navigation span.mob-menu-toggle {
	    position: absolute;
	    right: 20px;
	    top: 70px;
	}

	.mobile-navigation .menu-primary-menu-container {
	    width: 100%;
	}
	.mobile-navigation .mobile-nav-items li.menu-item {
	    width: 100%;
	    text-align: left;
	    float: inherit;
	}

	.mobile-navigation.active .mobile-nav-items {
	    padding: 0;
	    max-height: 60vh;
	    overflow: hidden;
	    overflow-y: scroll;
	}

	.mobile-navigation .mobile-nav-items li.menu-item a {
	    padding: 10px 20px;
        font-size: 22px;
	    line-height: 40px;
    	color: #fff;
    	background-color: #253238;
    	transition: all 0.4s ease-in-out;
	}
	.mobile-navigation .mobile-nav-items li.menu-item:hover>a {
	    color: #017bbd;
	}
	.mobile-navigation ul.sub-menu {
	    position: relative;
	    left: 0!important;
	    top: inherit;
	    float: inherit;
	    padding: 0;
	    padding-left: 	10px;
	    box-shadow: none;
	    max-height: 100%;
	    overflow: hidden;
	    transition: all 0.2s ease-in-out;
	    background-color: #253238!important;
	}
	.main-navigation ul ul.sub-menu li {
	    border: 0;
	    background-color: #253238!important;
	}

	.mobile-navigation .mobile-nav-items ul ul.sub-menu li a {
	    line-height: 30px;
    	width: 100%;
	}
}

@media (max-width: 991px) {
	.additional-info div {
	    float: left;
	    width: 47%;
	}
	.th-content-wrap .col .theme-links {
	    width: 200%;
	}
	.theme-details {
	    width: 60%;
	}
	.op-theme-side {
	    width: 40%;
	}
	ul.trail-items{
		text-align: left;
	}

}
@media (max-width: 810px){
	.th-content-wrap .col {
	    width: 100%;
	    padding-right: 0;
	}
	.th-content-wrap .theme-img {
	    width: 100%;
    	margin-bottom: 20px;
	}
	.th-content-wrap .row {
	    flex-direction: column-reverse;
	}
	.th-content-wrap .col .theme-links {
	    width: 100%;
	}
}

@media (max-width: 768px) {
	.operation-header .site-branding {
	    width: auto;
	}
	.site-header{
		padding: 2px 0;
	}
	section#op-services .row {
	    flex-direction: column-reverse;
	}
	section#op-services .row .section-title-service, 
	section#op-services .row .service-items-wrapp {
	    width: 100%;
	}
    
    .op-main-banner .content-right{
        display: none;
    }
    .op-main-banner .left-wrapp{
        max-width  : 100%;
    }

	.page-template-tpl-home section, .site-footer section {
    	padding: 53px 0;
	}

	.op-main-banner{
		height: 65vh;
	}
	.op-main-banner .content-right figure {
    	margin-top: 85px;
	}
	#op-landing-intro{
		-webkit-clip-path: none;
	    clip-path: none;
	}
	.main-navigation ul{
		padding-left: 45px;
	}
	.op-main-banner .content-left h1{
		font-size: 23px;
	}
	.op-main-banner .content-left .top-text {
    	font-size: 14px;
    }

    .section-title-service {
    	padding-top: 10px;
    	margin-bottom: 25px;
	}
	.service-items-wrapp .item-inner-wrapp {
	    padding: 0 0 10px 0;
	}
	section.slanted .section-title-service {
    	padding-top: 0;
	}
	section.slanted .section-title-service {
    	padding-left: 60px;
	}
	section.slanted.action-btn-wrapper .button-row > div {
    	min-width: 146px;
	}
	.banner-top-wrap .button-row > div{
		    min-width: 150px;
	}
	
	.banner-top-wrap {
    	padding-top: 60px;
	}

	.section-title {
    	margin-bottom: 20px;
    }
    .content-left {
    	margin-bottom: 40px;
	}
	.button-row > div {
    	min-width: 195px;
    }
    .theme-name {
	    font-size: 15px;
	    font-weight: 600;
	}
	.op-themes figure:hover .theme-info .info {
	    font-size: 14px;
	    line-height: 1.4;
	}
	.op-boxed-wrapp {
    	width: 100%;
	}
	.header-banner-container{
		margin-top: 0;
	}
	.inner-items .button-row > div {
    	min-width: 135px;
	}
	.inner-items h4.item-name {
    	font-size: 24px;
	}
	.inner-items h3.price {
    	font-size: 30px;
	}
	.inner-items h4.item-name {
    	font-size: 19px;
    	font-weight: 600;
	}
	.inner-items .info {
    font-size: 14px;
	}
	.admin-bar .site-header.menu-fixed {
    	margin-top: 45px;
	}
	.op-footer-wrap .row nav.main-navigation {
	    margin-left: 0;
	}
	.op-theme-wrap-archive .img-wrap {
	    width: 50%;
	    margin-right: 0;
	    margin-bottom: 25px;
	}
	.op-theme-wrap-archive .detail-wrapp {
	    width: 100%;
	}

	.theme-details,
	.op-theme-side  {
	    width: 100%;
	}
	.op-theme-side {
	    margin-top: 40px;
	}
	.op-footer-wrap .site-branding {
	    width: 120px;
	}
	.op-theme-side .button-row {
	    margin-left: 0;
	    margin-top: 20px;
	    width: 100%;
	    display: flex;
	    justify-content: center;
	}
	.pricing-plans-wrapp {
	    flex-direction: column;
	    margin: 60px auto;
	}
	.pricing-plans-wrapp>div,
	.pricing-plans-wrapp .developer {
	    max-width: 340px;
	    width: 100%;
	    margin-bottom: 	30px;
	}
	.pricing-plans-wrapp .startup{
		margin-right: 0;
	}
	.pricing-plans-wrapp .developer{
		padding: 30px 0 0 0;
	}
	.pricing-plans-wrapp .developer .features-wrapp {
	    padding: 30px;
	}
    body.woocommerce-account.woocommerce-page div#customer_login .col-1, 
    body.woocommerce-account.woocommerce-page div#customer_login .col-2 {
        max-width: 100%;
        margin-top: 2%;
    }
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100%;
	}

}

@media (max-width: 590px) {
    
    .theme-bundle-wrapper .text-wrapp,
    .theme-bundle-wrapper .quick-buttons{
        width: 100%
    }
    
	section.slanted .section-info{
		width: 100%;
	}
}

@media (max-width: 425px) {
    
    .theme-bundle-wrapper .quick-buttons{
        margin-left: 0
    }  
    
    .theme-bundle-wrapper .quick-buttons .button-row:last-child {
        margin-left: 5px;
    }

  
}

@media (max-width: 575px) {
	.section-title h2,
	.section-title-service h2,
	section.cta-promo .title {
	    font-size: 24px;
	}
    
    
	.op-main-banner {
	    height: auto;
	}
	.banner-top-wrap {
	    padding: 60px 0;
	}
	.section-info {
	    margin-top: 0;
	}
	section.slanted .inner-wrap-cta {
	    padding: 0;
	}
	.action-btn-wrapper .button-row {
    	margin: 5px 0;
	}
	.section-title h2 {
	    padding: 0;
	    padding-bottom: 0;
	}
	section.slanted .section-title {
	    margin-bottom: 10px;
	}
	.op-theme-wrap-archive .img-wrap {
	    width: 100%;
	}
	/*------------------
	blog
	-------------------*/
	body.blog article {
	    flex-wrap: wrap;
	}
	body.blog .content-wrapper {
	    padding-left: 0;
	}
	body.blog .content-wrapper h2 {
	    font-size: 20px;
	}
	.blog header.entry-header {
	    padding: 10px 0;
	    font-size: 13px;
	}
}
@media (max-width: 481px){
	.additional-info div {
	    float: left;
	    width: 100%;
	}
	.boowser-compatibility {
	    border-bottom: 1px solid #fff;
	    margin-right: 0;
	    border-right: 0;
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	header.entry-header h1 {
	    line-height: 1.4;
	}
	.mobile-navigation{
		width: 100%!important;
	}
	.bbp-reply-author .bbp-author-role {
		display: inline-block;
		width: auto;
		padding: 0 5px;
	}

	.bbp-reply-author span.bbp-author-name {
	    display: block;
	    width: 100%;
	}
	.bbp-reply-author .bbp-author-avatar {
	    position: absolute;
	    left: 0;
	}

}
@media (max-width: 425px) {
	.top-info{
		font-size: 14px;
	}
	.top-info span.lnr.lnr-cross{
		margin-top: 0;
	}
	.site-header .operation-header .col-xs-12.col-sm-3.col-md-3,
	.col-xs-12.col-sm-4.col-md-2{
		    width: auto ;
	}
	.site-header .operation-header .col-xs-12.col-sm-5.col-md-7{
		display: none;
	}
	.site-header .operation-header .col-xs-12.col-sm-4.col-md-2 {
    	margin-left: 90px;
	}
	#op-landing-intro{
		-webkit-clip-path: none;
		 clip-path: none;
	}
	.content-right.col-sm-12.col-xs-6.col-md-6 {
    	display: none;
	}
	.admin-bar .site-header.menu-fixed {
    	margin-top: 0;
	}
	.inner-items .theme-info-archive {
	    float: inherit;
	    width: 100%;
	    border-right: 0;
	    border-bottom: 1px solid #f1f1f1;
	    margin-bottom: 30px;
	}
	.inner-items .left-content-wrapp {
	    float: inherit;
	    width: 100%;
	    padding-left: 0;
	}
	.inner-items .item-price, .inner-items .item-type {
	    font-size: 16px;
	    width: 65px;
	    height: 30px;
	    line-height: 30px;
	}
	.inner-items .info {
	    padding: 0px 0 25px 0;
	}
	.inner-items .button-row > div {
	    min-width: 110px;
	}
	.button-row > div > a::before, 
	.button-row > div > a::after {
	    padding: 0 10px;
	}
	.inner-items .op-theme-wrap-archive .quick-buttons .button-row:first-child {
	    margin-right: 10px;
	}
	.th-content-wrap .theme-links .button-row > div {
	    min-width: 145px;
	    margin: 0 0 5px;
	}
	.th-content-wrap .col .theme-links {
	    width: 100%;
	    display: flex;
	     justify-content: center; 
}

}

@media (max-width: 375px) {
	.site-header .operation-header .col-xs-12.col-sm-4.col-md-2 {
    	margin-left: 0;
	}
	.service-items-wrapp .service-info{
		font-size: 12px;
		line-height: 1.3;
	}
	.service-items-wrapp .service-title{
		font-size: 15px;
	}
	.icon-wrap{
		width: 18%;
	}
}
@media (max-width: 320px) {
	.site-header .operation-header .col-xs-12.col-sm-3.col-md-3, .col-xs-12.col-sm-4.col-md-2 {
	    padding: 0;
	}
}


.mobile-navigation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #253238;
    width: 350px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    opacity: 0;
    transform: translateX(100%);

    -webkit-box-shadow: 1px -5px 20px 0px #333;
            box-shadow: 1px -5px 20px 0px #333;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.mobile-navigation.active{
	opacity: 1;
    transform: translateX(0%);
}
.site-header .mobile-navigation ul li a
 {
	color: #333;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
	display: inline-block;
}