/*$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;*/
span.menu-topnav-toggle{
	color: #0c0c0c;
}

	.top-header-wrapper .x-lite-button {
		background-color: #412BFD;
		-webkit-box-shadow:0px 6px 14px rgba(51, 58, 191, 0.4);
    	box-shadow: 0px 6px 14px rgba(51, 58, 191, 0.4);
	}

@media (max-width: 1025px){
	.admin.settings.advanced.deliveryexpress .container-content {
	    padding: 0px 30px;
	}
	.settings-background-images{
		-ms-grid-template-columns:1fr 1fr 1fr;
		grid-template-columns:1fr 1fr 1fr;
	}
	.order.cart .top-header-wrapper >.row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.messages-list-message .x-avatar{
		width: auto;
		padding-top: 60px;
	}
	.order .order-summary{
		top:50px;
	}
	.onetime .page-wrapper-no-padding, .subscription .page-wrapper-no-padding{
		padding-top:40px;
	}
	.order-cart-title .x-sub-title{
		top:0;
		margin-top:10px;
	}
	.order-cart-title .x-sub-title .x-left,.order-cart-title .x-sub-title .x-right {
		float:none;
		margin-bottom:7px;
	}
	.bulk-form-option{
		padding-bottom:20px;
	}
	.order.cart .order-cart-item .table-style-2 td .x-font-2{
		word-break: break-word;
	}
	.order.cart .order-summary{
		min-height:422px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
	.start.d .selection-alert, .start.f .selection-alert {
		position: fixed;
		bottom:20px;
		right:20px;
		width:calc(100vw - 150px);

	}
	.order.cart .order-cart-container {
		padding-right:0;
	}
	.order.cart .container-fluid.main-content {
		padding-left:20px !important;
	}
	.order .container-fluid.main-content{
		padding-left:20px;
	}

}

@media (max-width: 992px){
	.shopping-cart-payment .x-pay-terms , .shopping-cart-payment .x-pay-buttons{
		position: relative;
		z-index: 5;
	}

	.projects-wrapper .project-left-panel {
		width: 100%;
		padding-right: 0px;
	}
	.project.project-details-page .general-page-wrapper {
		padding-top: 0px;
	}
	.project-details .slimScrollDiv,.project-details .slimScrollDiv .x-description {
		height: auto !important;
	}
	
	.welcome .wrapper-main .top-header-wrapper{
		padding-top: 15px;	
		padding-left: 15px;
	    padding-right: 15px;
	    padding-bottom: 30px;

	}
	.start-selector {
		padding-top: 40px;
	}
	.top-user-panel .x-avatar img{
		width: 35px;
		height: 35px;
	}
	.top-header .top-header-logo a{
		width: 35px;
		height: 35px;
		display: inline-block;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url("img/logo-dark.png");
	}
	.top-header-logo img {
		display: none;
	}
	.welcome .wrapper-main .top-header-wrapper .top-header {
		padding-bottom: 15px;

		border-bottom: 1px solid #E6E9EF;
	}
	.order-cart-payment-wrapper {
		position: relative;
		padding:0px;
	}
	.order-cart-payment-wrapper ,.cart .order-footer-panel-wrapper{
		width: calc(100% - 70px);
		position: relative;
		right: 0;
		box-shadow: 0px 10px 25px rgba(127, 129, 143, .08);
		padding:15px;
	}
	.order.cart .order-cart-container {
		width: 100%;
		padding-right: 20px;
    	padding-left: 20px;
	}
}

@media (max-width: 769px){
	.messages-list-message .x-pic {
		top: -12px;
		position: relative;

	}
	.messages-list-message .x-avatar{
		padding-right: 10px;
	}
	.order-cart-payment-wrapper {
		position: relative;
		padding:0px;
	}
	
	/*EXISITING MD*/
	.container-menu {
		width: 90px;

	}
	.start-selector {
		padding-top: 36px;
	}
	.container-menu .menu-left li.main-menu-item{
		padding:0px 10px;
		margin-top: 10px !important;
	}

	.login-panel.x-signup-form .x-container {
		padding-top: 80px;
	}
	.slide-menu-container {
		left: 0 !important;
		position: fixed !important;
	    transform: translateX(0px) !important;
	}
	.welcome .top-header-left{
		visibility: visible;
	}

	/*TOP RIGHT MENU */
	.menu-left li.active.main-menu-item a, .menu-left li.main-menu-item:hover a {
		background:transparent;
		-webkit-box-shadow:none;
		box-shadow: none;
	}
	.menu-left li.main-menu-item {
		background-color: #F7F8F9;
    	border-radius: 5px;
    	text-align: center;
    	padding:7px 10px 18px;
    	margin:0;
    	height: 90px;

	}
	.menu-left li.main-menu-item:hover,.menu-left li.main-menu-item.active{
		background: #412BFD;
		-webkit-box-shadow: 0px 6px 14px rgba(51, 58, 191, 0.4);
    	box-shadow: 0px 6px 14px rgba(51, 58, 191, 0.4);
    
	}
	.container-menu {
		position: fixed;
	}
	.container-menu .x-menu{
		padding:0px 20px;
	}
	.container-menu .x-menu li {
		width: 100%;
	}
	.menu-left li.main-menu-item a {
		padding:20px 0px 10px !important;
	}
	.container-menu .x-menu{
		padding:0px 20px;
	}
	.container-menu .menu-left {
		padding-top: 40px;
	}
	.container-menu .x-menu ul {
		text-align: left;
		display: -ms-grid;
		display: grid;
	    -ms-grid-template-columns: 31.8% 31.8% 31.8%;
	    grid-template-columns: 31.8% 31.8% 31.8%;
	    -ms-grid-column-gap: 14px;
	    grid-column-gap: 14px;
	    -ms-grid-row-gap: 10px;
	    grid-row-gap: 10px;
	}
	.container-menu .menu-left .main-menu-labels{
		font-size: 11px;
	    text-transform: capitalize;
	    color: #090909;
	    font-weight: 400;
	    font-family: 'Nunito Sans',sans-serif;
	}
	.container-menu .x-menu li .rwsvgicons {
		color:#090909;
	}
	.menu-left li.main-menu-item a svg {
		height: 15px !important; 
	}

	.container-menu .x-menu li.active .rwsvgicons,.container-menu .x-menu li:hover .rwsvgicons,.container-menu .menu-left li.main-menu-item:hover .main-menu-labels,
	.container-menu .menu-left li.main-menu-item.active .main-menu-labels{
		color: #fff;
	}
	.container-menu .x-title {
		font-weight: bold;
	    color: #090909;
	    text-align: left;
	    padding-left: 20px;
	    padding-right: 20px;
	    font-size: 35px;
	    text-transform: capitalize;
	    letter-spacing: 0.87px;
	    line-height: 35px;
	    padding-top: 38px;
	    font-family: 'Nunito Sans',sans-serif;
	}
	.container-menu .x-close {
		top: 55px;
		position: absolute;
		right: 20px;
	}
	.container-menu .x-close .rwsvgicons{
		width: 14px;
		height: 14px;
	}

	.slide-menu-container {
		width: 100%;
		top: 100px !important;
		box-shadow: none !important;
	}
	.slide-menu-container .slide-menu{
		padding-right: 0;
	}
	.slide-menu-container .slide-menu ul{
		padding-left: 0px;
	}
	.slide-menu-container .slide-menu ul li{
		padding-left: 20px;
		padding-right: 20px;
	}
	.slide-menu-container .slide-menu ul li a {
		padding-right: 0px;
	}
	.slide-menu-container .slide-menu li:hover {
		background-color: #fff;
	}
	.menu-left li.main-menu-item:hover a {
	    background: transparent !important;
	    box-shadow: none !important;
	   
	}
	/*END OF TOP RIGHT MENU*/
	.welcome.container-menu {
		opacity: 1;
	}
	.projects-wrapper .project-left-panel{
		width: 100%;
		margin-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.project-main-menu .x-top .x-text{
		padding:20px 0px 0px;
		border-bottom: none;
	}
	.project .general-page-wrapper{
		min-height: auto;
		padding-top: 0;
	}
	.project .slimScrollDiv,.project .slimScrollDiv .x-description {
		height: 100% !important;
	}

	.project-top-panel{
		margin-left: auto;
	    margin-right: auto;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-top: 20px;
	    width: calc(100% - 30px);
	    display: block;
	}
	.project-top-panel .x-left{
		width: 65%;
	}
	.project-top-panel .x-left,.project-top-panel .x-right {
		display: inline-block;
		height: auto;
	}
	.project-top-panel .x-right {
		width: 30%;
	}
	.project-details{
		margin-bottom: 0;
	}
	.project-top-panel .x-main-title{
		font-size: 16px;
	}
	.project-details .x-dates .x-bottom{
		font-size: 13px;
	}
	.project-details .x-dates .x-text{
		font-size: 13px;
	}
	.project-details .rwsvgicons{
		width: 15px;
		height: 15px;
	}
	.project-details .x-dates .x-icon{
		font-size: 12px;
	}
	.project-details .x-description h3 ,.project-details .x-description ul{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.project-main-menu .x-top .x-text {
		position: relative;
	}
	.project-main-menu .x-top .x-text:after {
		content: "";
		position: absolute;
		width: 10px;
		height: 11px;
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center;
	    right: 0;
	    top: 25px;
	    background-image: url("icon/x-icon-chevron-down.png");
	}
	.project-details .x-description h3:after{
		content: "";
		width: 10px;
		height: 11px;
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center;
	    background-image: url("icon/x-icon-chevron-down.png");
	}
	.project-main-menu .x-top{
		padding:0px 20px;
	}
	.timeline-event .x-text-holder, .timeline-event .x-content{
		height: 71px;
	}
	/*PROJECT LIST*/
	.projects-action-panel {
		width: calc(100% - 40px);
		right: 0;
		left: 0;
		bottom: 20px;
		transform: translate3d(0,0,0) !important;
		position: fixed !important;
		padding-top: 15px;
		padding-bottom: 15px !important;
	}
	.projects-action-panel>span {
		font-size: 13px;
	}
	.client.projects .top-user-panel .x-add-button {
		margin-right: 0px;
		margin-left: 20px;
	}
	.x-search.search-panel-button{
		padding-right: 0px;
		margin-right: 15px;
	}
	.client.projects .top-header-left {
		width: 20% !important;
	}
	.client.projects .top-header-right{
		width: 80% !important;
	}
	.wrapper-main .top-header-wrapper {
		border-bottom: none;
	}
	.wrapper-main .top-header-wrapper .top-header {
		padding-bottom: 15px;
		border-bottom: 0.5px solid #E6E9EF;
	}
	.projects.table-pages .table.table-style-1 thead th:nth-child(4){
		width: auto;
	}
	
	.projects.table-pages .table.table-style-1 tbody td:not(:nth-child(4)) .x-icon-text{
		display: inline-block;
	}
	/*END*/
	.table-style-1 td .x-icon-text span {
		padding-right: 0px;
	}
	.table-body-wrapper{
		padding-left: 20px;
		padding-right: 20px;
		background-color: #F7F8F9;
		/*height: calc(100vh - 196px);
    	overflow: scroll;
    	min-height: auto !important;*/
	}
	.table-pages .wrapper-main, .subscription-page .wrapper-main, .messages .wrapper-main{
		background-color: #F7F8F9;
	}
	.top-user-panel .x-search .rwsvgicons{
		width: 23px;
		height: 20px;
	}
	.top-user-panel .x-add-button, .top-user-panel .x-avatar {
		margin-left: 20px;
	}

	.rwsvgicons {
		width: 15px;
		height: 15px;
	}
	.projects.table-pages .table.table-style-1 thead th:nth-last-child(2){
		text-align: right;
	}
	/*project details*/

	/*NED*/

	/*PAYMENTS*/
	.payments.table-pages .table-body-wrapper {
		margin-top: 0px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#column-payment-amount{
		padding-right: 0px;
		text-align: right;
	}
	.payments.table-pages .table.table-style-1 tbody td:nth-last-child(4) {
		text-align: right;
	}
	.payments.table-pages .table.table-style-1 tbody td:nth-last-child(3) {
	    padding-right: 0px;
	    text-align: right;
	}
	.admin.payments .table.table-style-1 thead th:nth-last-child(2), .admin.payments .table.table-style-1 tbody td:nth-last-child(2){
		text-align: right !important;
	}
	/*END*/
	/*TICKET PAGE MD*/
	.admin.ticket-page .general-page-wrapper .general-top-panel{
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.ticket-page .general-top-panel .x-main-title {
		font-size: 20px;
	}
	.ticket-page .ticket-details .x-details-section {
		background-color: transparent;
	}
	.ticket-page .ticket-details .x-details-body {
		padding:0px 30px 0px;
	}
	.ticket-details .x-details-header {
		background-color: #fdfdfd;
		color: #090909;
		padding-left: 20px;
		border-radius: 4px;
	}
	.tickets-page .general-page-wrapper {
		margin-top: 20px !important;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 0px !important;
	}
	.tickets-page .table-body-wrapper{
		padding-left: 0px;
		padding-right: 0px;
	}
	#column-tickets-status{
		padding-right: 0px;
		text-align: right;
	}
	.tickets-page .table.table-style-1 tbody td:nth-last-child(3) {
	    padding-right: 0px;
	    text-align: right;
	}

	.tickets.ticket-compose .btn.btn-add-new{
		margin-bottom: 30px !important;
		float: none;
	}
	.tickets.ticket-compose .general-page-wrapper{
		text-align: right;
	}
	.message-compose input.form-control, select.form-control {
		height: 40px;
	}
	/*END*/

	/*INVOICES MD*/
	#column-invoices-amount {
		width: 255px !important;
	}
	.admin.invoices.table-pages .table.table-style-1 thead th:nth-last-child(2),.admin.invoices.table-pages .table.table-style-1 tbody td:nth-last-child(2){
		text-align: right !important;

	}
	.invoice-web-container .invoice-web-body .x-details .x-client-details {
		width: 100%;
	}
	.invoice-web-container .invoice-web-body .x-status{
		width: 71px;
    	height: 71px;
    	left: auto !important;
    	top: 0;
    	right: 0;
	}
	.invoice-web-footer .x-left-section {
		padding:20px 20px 15px;
	}
	.invoice-web-footer .x-left-section .x-right{
		font-size: 12px;
		line-height: 18px;
	}
	.invoice-web-footer .x-left-section .x-right > div {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.invoice-web-footer .x-left-section .x-left .x-payment-details >div:nth-child(2), .invoice-web-footer .x-left-section .x-right div:nth-child(2) {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.invoice-web-footer .x-right-section{
		width: 50%;
		padding:20px 20px 15px;
	}
	.invoice-web-footer .x-right-section .x-heading{
		font-size: 13px;
	}
	.invoice-web-footer .x-right-section .x-amount{
		font-size: 25px;
		margin-top: 5px;
	}
	.invoice-web-container .invoice-web-body{
		padding-top: 0px;
	}
	.invoice-web-footer-notes {
		float: none;
		max-width: 100%;
		margin-top: 15px;
		padding-bottom: 0px;
		color: #7F90A9;
		width: 100%;
	}
	.invoice-web-footer-notes .x-list{
		text-align: left;
		color: #7F90A9;
	}
	.invoice-web-container .invoice-web-body .x-details .x-client-details {
		width: 100%;
		margin-top: 0px;
	}
	.invoice-web-container .invoice-web-body .x-details .x-client-details:nth-child(2){
		margin-top: 30px;
	}
	.invoice-web-container .invoice-web-body .x-background{
		display: none;
	}
	.invoice-web-footer-notes{
		padding: 	0;
	}
	.invoice-web-footer-notes .x-notes{
		position: relative;
	    left: 0;
	    padding-bottom: 5px;
	}
	.invoice-web-container .invoice-web-body .x-meta table .x-meta-title{
		width: auto;
		padding-right: 10px;
	}
	

	
	.subscriptions-page.table-pages .table td:nth-last-child(2) .x-icon-text{
		float: right;
	}

	/*END*/
	/*SUBSCRIPTION MD*/
	.subscriptions-page.table-pages .table th:nth-last-child(2),.subscriptions-page.table-pages .table td:nth-last-child(2){
		padding-right: 0px;
		text-align: right;
	}
	.subscriptions-page.table-pages .table td:nth-last-child(2) .x-icon-text {
		float: right;
	}
	/*END*/

	/*MESSAGE MD*/
	.compose-message .x-title {
		padding: 30px 20px 0px;
	}
	.compose-message .x-footer .js-ajax-ux-request {
		background-color: transparent !important;
		box-shadow: none;
	}
	.messages.message-compose .compose-message .x-footer .js-ajax-ux-request{
		background-color: #412BFD !important;
		box-shadow: 0px 6px 14px rgba(51, 58, 191, 0.4);
	}


	.messages-list-message .x-message {
		padding-left: 20px;

	}
	.messages-list-message .x-message .x-icon{
		display: none;
	}
	/*END*/

	/*COMPANY MD*/
	.company-wrapper{
		padding-top: 0px;
	}
	.company-profile:before{
		z-index: -1;
	    width: 302px;
	    height: 220px;
	}
	.company-profile input.form-control, .company-profile select.form-control{
		height: 40px !important;
	}
	.company-profile .x-button .btn{
		width: 100%;
	}
	.company-profile .company-wrapper .row{
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	/*END*/

	/*USERS MD*/
	.users .btn.btn-add-new {
		margin-top: 5px;
    	margin-bottom: 30px !important;
	}
	.users-wrapper .each-user {
		min-height: 138px;
		padding:20px;
	}
	.users-wrapper .each-user .x-avatar .x-pic{
		width: 50px;
	}
	.users-wrapper .each-user .x-avatar .x-pic img{
		width: 50px;
		height: 50px;
	}
	.users-wrapper .each-user .x-contact{
		padding-left: 15px;
		padding-top: 0;
	}
	.users-wrapper .each-user .x-job{
		padding-bottom: 8px;

	}
	
	.users-wrapper .each-user .x-tel{
		padding-bottom: 8px;
	}
	.users-wrapper .each-user.active .x-delete-button {
		width: 30px;
		height: 30px;
		top: 20px;
		right: 20px;
	}
	.users-wrapper .each-user.active .x-delete-button .fa {
		width: 12px;
		height: 16px;
	}
	.users-wrapper .each-user.active .fa {
		top: 7px;
	}
	.users-wrapper .each-user.active .x-edit-button{
		width: 30px;
		height: 30px;
		left: auto;
		right: 60px;
		top: 20px;
	}
	.users-wrapper .each-user.active .x-edit-button .fa.fa-pencil {
		width: 15px;
    	height: 19px;
    	top: 6px;
	}
	.users-wrapper {
		padding-bottom: 80px;
	}
	.users .popover{
		left: 0px !important;
		top: 0px !important;
	}
	.users .popover.bs-tether-element-attached-right::after, .users .popover.popover-left::after {
		right: -8px;
		left: auto;
		bottom: 27px;
		-webkit-transform:rotate(0deg);
		transform: rotate(0deg);
	}
	.users .client-user-profile-modal .modal-content .modal-footer .btn.btn-secondary{
		width: 100%;
	}
	/*END*/

	/*CATEGORIES MD */
	.categories .btn.btn-add-new {
		margin-top: 20px;
	}
	.categories .table.table-style-1 thead th:nth-last-child(2), .categories .table.table-style-1 tbody td:nth-last-child(2) {
		display: table-cell !important;
		padding-right: 0px;
		text-align: right;
	}
	.categories.table-pages .popover {
		top: 0px !important;
		left: 0px !important;
	}
	.categories.table-pages .popover.bs-tether-element-attached-right::after, .users .popover.popover-left::after {
		right: -8px;
		left: auto;
		bottom: 27px;
		-webkit-transform:rotate(0deg);
		transform: rotate(0deg);
	}
	.add-project-category .modal-footer .btn {
		width: 100%;
	}
	/*END*/

	/*ORDER MD*/
	.start-title .x-title{
		font-size: 20px;
	}
	.start-title .x-subtitle{
		font-size: 13px;
	}
	.start-selector .x-box {
		width: 100%;
		margin-bottom: 10px;
	}
	.start-selector .col-xs-12{
		padding-left: 15px;
	}
	.start-selector .x-icon{
		padding-top: 100px;
	}
	.client.order.start{
		position: relative;
	}
	.client.order.start:after{
		width: 290px;
    	height: 250px;
	}
	.start-order-button-onetime.active .x-extra-options{
		padding:0px 30px;
	}
	.start-order-button-onetime.active .x-quatity-toggle .rwsvgicons{
		padding-top: 0px;
	}
	.start-order-button-onetime.active .x-button{
		padding: 15px 0px 10px;
	}

	/*ORDER STEP 1 MD*/

	.order-content-list {
		padding:0px 20px;
	}
	.subscription-packages-list .each-package {
		padding:20px;
	}
	.subscription-packages-list .each-package .x-text-1 {
		letter-spacing: 1px;
		margin-top: 8px;

	}
	.subscription-packages-list .each-package.active .x-text-2, .subscription-packages-list .each-package.content-type-selected .x-text-2, .subscription-packages-list .each-package .x-text-2{

	}
	.subscription-packages-list .each-package.active .x-text-3, .subscription-packages-list .each-package.content-type-selected .x-text-3, .subscription-packages-list .each-package .x-text-3{
		padding-bottom: 8px;
	}
	.subscription-packages-list .each-package.active .x-text-4, .subscription-packages-list .each-package.content-type-selected .x-text-4, .subscription-packages-list .each-package .x-text-4{
		margin-bottom: 15px;
	    border-bottom: 1px solid #F1F1F1;
	    padding-bottom: 15px;
	    font-size: 13px;
	}
	.subscription-packages-list .each-package.active .x-text-5, .subscription-packages-list .each-package.content-type-selected .x-text51, 
	.subscription-packages-list .each-package .x-text-5 {
		text-align: left;
		position: relative;
	}
	.subscription-packages-list .each-package:hover {
		transform: scale(1);
	}
	.subscription-packages-list .each-package .x-text-5:before{
		content: "";
	    position: relative;
	    background-position: left;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-image: url(icon/x-icon-thick-green.png);
	    width: 20px;
	    height: 8px;
	    display: inline-block;
	    padding-right: 10px;
	}

	.option-changes-popup {
		width: calc(100% - 20px) !important;
	}
	.option-changes-popup .x-toggle {
		padding: 12px;
		-webkit-box-shadow:0px 5px 14px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.15);
	}
	.option-changes-popup .x-value {
		position: relative;
		top: -1px;
	}
	.option-changes-popup .x-value .input-number {
		width: 100px;
		height: 36.5px !important;
		-webkit-box-shadow:0px 5px 14px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
	}
	.option-changes-popup .x-title{
		margin-top: 30px;
	}

	div#option_popup_quality {
		width: calc(100% - 20px) !important;
		height: 340px !important;
	}
	.order-footer-panel-container .x-left, .order-footer-panel-container .x-right {
		display: table-cell !important;
	}
	.order-option .x-text {
		display: inline-block;
	}
	.order-option .x-icon {
		display: inline-block;
	}
	.order-options-wrapper .order-option .x-label{
		margin-top: 10px;
	}
	.order-footer-panel-container .x-middle .x-text {
		font-size: 15px;

	}
	.order-footer-panel-wrapper .x-middle{
		width: 100%;
	}
	.order-footer-panel-container .x-middle .x-r {
		font-size: 15px;
		padding-top: 14px;
	}


	.order.bulk .order-details-container {

	}
	/*END*/
	.order-footer-panel-wrapper ,.order-options-wrapper{
		width: 100%;
		right: 15px;
	}
	.client .order-footer-panel-wrapper ,.client .order-options-wrapper {
		width: calc(100% - 20px);
		right: 10px;
	}
	.client.cart .order-footer-panel-wrapper{
		width: calc(100% - 70px);
	}
	.bulk-form-wrapper .bulk-form-option {
		padding:15px !important;
	}
	.bulk-form-fields {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}
	.bulk-forms-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.bulk-add-more-container{
		padding-right: 15px;
	}
	.bulk .order-footer-panel-wrapper{
		width: calc(100% - 30px);
		right: 0;
	}
	.order.bulk .order-details-container{
		width: 100%;
	}
	.order-options-wrapper {
		bottom: 70px;
	}
	.bulk-form-wrapper *[class^='col-']{
		padding-right: 9px !important;
	}
	.bulk-form-wrapper .x-row-split *[class^='col-'] {
	    padding-right: 4px !important;
	}
	.bulk .order-details-container .x-wrapper {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.bulk .order-content-item .x-icon{
		padding-bottom: 10px;
	}

	/*CART MD*/
	.order-cart-title .x-sub-title {
		top: 0;
		margin-bottom: 8px;
	}
	.order-cart-title .x-sub-title .x-left,.order-cart-title .x-title{
		margin-bottom: 8px;
	}
	.order-cart-title .x-sub-title .x-left,.order-cart-title .x-sub-title .x-right{
		float: none;
	}
	.order.cart .order-cart-item {
		margin-top: 20px;
	}

	
	.shopping-cart-payment-footer .x-icon-1,.shopping-cart-payment-footer .x-icon-2 {
		margin-right: 5px;
	}
	.order-cart-page{
		padding-bottom: 10px;
	}
	.cart .order-footer-panel-wrapper {
		margin-bottom: 85px;
		padding-bottom: 30px;
    	top: -80px;
	}
	.order-customization-container > .row >.push-lg-4 {
		bottom: 20px;
		z-index: 1;
	}
	.shopping-cart-payment .x-coupon,.shopping-cart-payment .x-cart-total{
		text-align: center;
	}
	.order-customization-container > .row >.pull-lg-8{
		float: none;
		padding-bottom: 90px;
	}
	.shopping-cart-payment .x-pay-buttons .btn{
		width: 100%;
		margin-top: 3px;
	}
	.shopping-cart-payment-footer .x-icon-1 {
		/*width: 40%;*/
		display: inline-block;
		margin-right: 0px;
		padding-right: 5px;
		margin-top: 10px;
		text-align: right;
	}

	.shopping-cart-payment-footer .x-text-1{
		/*width: 60%;*/
		display: inline-block;
		text-align: left;
		margin-top: 10px;
	}
	.shopping-cart-payment .x-accept{
		font-size: 13px;
	}
	.shopping-cart-payment .x-cart-total{
		font-size: 16px;
		font-weight: 600;
	}
	.shopping-cart-payment-footer .x-spacer-1{
		display: none;
	}
	.shopping-cart-payment-footer .x-top-section >span:nth-child(4){
		display: inline-block;
		margin-right: 0px;
		/*width: 30%;*/
		margin-top: 10px;
		text-align: right;
	}
	.shopping-cart-payment-footer .x-top-section >span:nth-child(5){
		display: inline-block;
		/*width: 70%;*/
		margin-top: 10px;
		text-align: left;
	}
	.shopping-cart-payment-footer .x-top-section >span:nth-child(6){
		display: inline-block;
		margin-right: 0;
		margin-top: 10px;
		text-align: right;
		/*width: 25%;*/
	}
	.shopping-cart-payment-footer .x-top-section >span:nth-child(7){
		display: inline-block;
		/*width: 75%;*/
		margin-top: 10px;
		text-align: left;
	}

	#cart-payment-buttons-confirmation .shopping-cart-payment .x-pay-buttons .btn {
		margin-top: 15px;
	}
	.order.cart .order-cart-container{
		width: 100%;
		padding-bottom:350px;
	}
	.single-order .order-content-list{
		padding:0px 10px;
	}
	
	.cart-options-turnaround .x-container .x-text{
		font-size: 15px;
	}
	.single-order .order-content-container {
		padding-bottom: 150px;
	}
	#option_popup_blogpost.option-changes-popup .x-panel{
		margin-top: 8px;
	}
	#option_popup_blogpost.option-changes-popup .x-title{
		margin-top: 8px;
	}
	

	div#option_nav_blogpost.order-option .x-icon{
		background-image: url("icon/x-icon-quantity.png");
	}
	div#option_nav_blogpost.order-option.active .x-icon{
		background-image: url("icon/x-icon-quantity-pink.png");
	}
	#cart-payment-buttons-confirmation .shopping-cart-payment .x-pay-terms{
		font-size: 13px;
	    color: #686A85;
    	font-weight: 400;
	}
	.start.d .selection-alert {
		position: fixed;
	    bottom: 10px;
	    box-shadow: 0px -10px 25px rgba(127, 129, 143, 0.15);
	    width: calc(100vw - 30px);
	}
	.start.d button.btn.btn-danger.confirm-delete-cart-button, .start.f button.btn.btn-danger.confirm-delete-cart-button{
		width: 100%;
    	margin-bottom: 20px;
	}
	#confirm-cancel-cart-delete{
		width: 100%;
	}
	.selection-alert .x-text{
		font-size: 13px;
	}
	.selection-alert .x-icon{
		font-size: 15px;
	}
	.f .order-account-selector .x-box{
		width: 100%;
	}
	/*END*/

	/*EXISTING MD*/
	.pay .x-gateways {
		float: none;
		margin-left: 0px;
	}
	.pay .x-gateways .btn {
		width: 100%;
	}
	.payment-wrapper {
		padding-top: 0px;
	}
	.navbar-toggleable-md .navbar-nav{
		display: block;
		margin-top: 15px;	
	}
	.navbar-toggleable-md .navbar-nav li {
		text-align: center;
	}
	.navbar-light .navbar-toggler{
		margin-top: 20px;
	}
	.f .order-account-title .x-title{
		font-size: 15px;
	}
	.admin.main.invoice-items .popover, .admin.payments .popover, .admin .popover {
		left: 0px !important;
    
    	top: 0px !important;
	}
	.admin.messages .popover {
	    left: -125px !important;
	    top: 80px !important;
	}
	.popover.bs-tether-element-attached-bottom::after, .popover.popover-top::after {
	    bottom: 50px;
	    margin-left: -10px;
	    border-top-color: #fff;
	    transform: rotate(-90deg);
	    right: -15px;
	    left: auto;
	}
	.users .popover.bs-tether-element-attached-right::after, .users .popover.popover-left::after, .admin.main.invoice-items .popover.bs-tether-element-attached-right::after, .admin.main.invoice-items .popover.popover-left::after, .admin.payments .popover.bs-tether-element-attached-right::after, .admin.payments .popover.popover-left::after, .admin .popover.bs-tether-element-attached-right::after, .admin .popover.popover-left::after {
		right: -10px;
    	transform: rotate(0deg);
    	left: auto;
    	bottom: 25px;
    	top: auto;
	}
	/*END*/
	/*ADMIN MD*/
	.admin.settings.advanced.deliveryexpress .container-content {
		padding:0px 60px !important;
	}
	.admin.settings.advanced.banned .project-info-tabs .form-inline >div:first-child {
		width: auto;
	}
	.settings-background-images{
		grid-template-columns: 1fr 1fr;
	}
	/*END*/
	
}
@media (max-width: 737px){
	.admin.settings.advanced.deliveryexpress .container-content{
		padding:0px 15px !important;
	}
}
@media (max-width:1026px) and (min-width:1000px)  {
	.admin.settings.advanced.pricing .project-info-tabs .table-style-settings thead th:not(:first-child):not(:last-child){
		width: 80px !important;
	}
}

@media  (max-width: 992px){
	/*ADMIN MD*/
	.admin.settings.advanced.delivery .project-info-tabs .table-style-settings thead th:last-child ,.admin.settings.advanced.deliveryexpress .project-info-tabs .table-style-settings thead th:nth-child(3){
		width: 80px !important;
	}
	.admin.settings.advanced.toolbox .project-info-tabs .table-style-settings thead th:last-child{
		width: 180px !important;
	}
	.admin.advanced.toolbox .form-horizontal .btn.btn-danger {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	    width: auto !important;
	    margin-left: 0px;
	}
	.admin.settings.advanced.coupons .project-info-tabs .table-style-settings thead th:last-child {
		width: 115px !important;
	}
	.admin table.table.table-bordered.table-style-settings th:not(:nth-child(1)):not(:nth-child(2)):not(:last-child), 
	.admin table.table.table-bordered.table-style-settings td:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) {
	    display: none !important;
	}
	.admin.settings.systemlog table.table.table-bordered.table-style-settings th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(2)), 
	.admin.settings.systemlog table.table.table-bordered.table-style-settings td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(2)) {
	    display: none !important;
	}
	.admin.settings.systemlog table.table.table-bordered.table-style-settings td:nth-last-child(2), 
	.admin.settings.systemlog table.table.table-bordered.table-style-settings th:nth-last-child(2){
		display: table-cell !important;
	}
	.admin table.table.table-bordered.table-style-settings th:nth-child(2){
		width: auto !important;
	}
	.admin table.table.table-bordered.table-style-settings th:last-child,.admin.settings.advanced.pricing .project-info-tabs .table-style-settings thead th:last-child{
		width: 120px !important;
		text-align: right;
	}
	.admin table.table.table-bordered.table-style-settings td:last-child,.admin.settings.advanced .project-info-tabs .table-style-settings .tr-link-excluded,
	.admin.settings.advanced.delivery .project-info-tabs .table-style-settings td:last-child, .admin.settings.advanced.deliveryexpress .project-info-tabs .table-style-settings td:last-child{
		text-align: right;
	}
	.admin.settings.advanced .project-info-tabs .table-style-settings .tr-link-excluded .btn {
		margin-right: 0px;
	}

	

	/*END*/
	/*INVOICES LG*/
	.invoices.table-pages .table th:nth-last-child(3),.invoices.table-pages .table td:nth-last-child(3){
		padding-right: 0px;
		text-align: right;
	}
	.invoices.table-pages .table td:nth-last-child(3) .x-icon-text{
		float: right;
	}
	.project-files-page .project-main-panel >.row.no-margin
	 {
		margin-right: 0px !important; 
		margin-left: 0px !important;
	}
	/*ADMIN PROJECT MD*/
	.admin.projects.table-pages .table.table-style-1 thead th:nth-last-child(2) ,.admin.projects.table-pages .table.table-style-1 tbody td:nth-last-child(2) {
		text-align: right !important;
	}
}
@media (max-width: 690px){
	.client.ticket-page div#message-text-editor .x-message{
		margin-top: 15px;
	}
}
@media (max-width: 545px){
	#option_popup_turnaround .options-split .x-each-option:first-child{
		padding-top: 0px;
	}
	#option_popup_turnaround .options-split .x-each-option{
		padding-top: 0px;
	}
}
@media (max-width: 576px){
	.messages-list-message .x-avatar:after {
		display: none;
	}
	.thank-you-message .x-text-1, .thank-you-message .x-text-2 {
		word-break: break-all;
	}
	.thank-you-containter {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	#js-no-results-found .notifictation {

	}
	.order-cart-payment-wrapper ,.cart .order-footer-panel-wrapper,.client.cart .order-footer-panel-wrapper{
		width: calc(100% - 30px);
		padding-left: 0px;
		padding-right: 0px;
		
	}
	.order.cart .top-header-wrapper >.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.order.cart .order-cart-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.tickets-page .table.table-style-1 tbody td:nth-last-child(3) >div {
		padding-right: 15px;
		padding-left: 15px;
	}
	.client.payments .table thead th#column-payment-invoice-id {
		width: 85px !important;
	}
	.client.payments .table th#column-payment-date {
		width: 100px !important;
	}
	.client.payments .table thead th#column-payment-amount {
		width: 55px !important;
	}
	.admin.settings.advanced .project-info-tabs .table-style-settings {
		table-layout: unset;
	}
	.subscription-box .x-payment-box .x-left ,.subscription-box .x-payment-box .x-middle{
		border-right: none;
	}
	.top-user-panel .x-add-button, .top-user-panel .x-avatar{
		margin-left: 15px;
	}
	.top-user-panel .x-avatar img{
		width: 24px;
		height: 24px;
	}
	.top-user-panel .x-avatar {
		width: 24px;
	}
	.top-header-wrapper .x-lite-button {
		width: 24px;
		height: 24px;
		background-color: #412BFD;
		-webkit-box-shadow:0px 6px 14px rgba(51, 58, 191, 0.4);
    	box-shadow: 0px 6px 14px rgba(51, 58, 191, 0.4);
	}
	.top-header-wrapper .x-lite-button .rwsvgicons{
		width: 8px;
		height: 8px;
	}
	.top-user-panel .x-cart .rwsvgicons.icon-rwicon-74{
		width: 24px;
		height: 24px;
	}
	.top-user-panel .x-cart-counter {
		font-size: 13px;
		left: 0;
	}
	.top-user-panel .x-nav {
		margin-left: 15px;
	}
	/*WELCOME SM*/
	.top-header .top-header-logo a{
		width: 24px;
		height: 24px;
		
	}
	
	.welcome-summary-container form {
		margin-bottom: 15px;
		min-height: 185px;
		padding:10px;
	}
	 .wrapper-main .top-header-wrapper {
		padding-top: 15px;
	    padding-bottom: 20px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	 .wrapper-main .top-header-wrapper .top-header {
		padding-bottom: 15px;

	}
	.welcome-message .x-subtitle {
		line-height: 50px;
		font-size: 35px;
	}
	.welcome .container-content:before{
		width: 248px;
    	height: 215px;
	}
	.welcome-message .x-title {
    	font-size: 14px;
    }
    .welcome-type-message {
    	margin-top: 50px;
    }
    .welcome-type-message h2 {
    	font-size: 12px !important;
    	font-weight: bold !important;
    	margin-bottom: 4px;
    }
    .welcome-type-message ul li {
	    width: 49.3%;
	    text-align: center;
	    border-bottom: 1px solid #EFF0F3;
	}
	.welcome-type-message li:first-child {
		margin-right: 0px ;
	}
	.welcome-type-message li:last-child {
		margin-left: 0px ;
	}
	.welcome-summary-container {
		margin-top: 40px;
	}
	.welcome-summary-container .row {
	    margin-left: -5px;
	    margin-right: -5px;
	}
	.welcome-summary-container .row > div {
		padding-right: 5px;
		/*width: 100%;*/
    	padding-left: 5px;
	}




	/*MODAL SM*/
	.modal .modal-body,.modal .modal-header,.modal .modal-footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.modal-dialog{
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.client-user-profile-modal .modal-content .modal-footer{
		padding-left: 20px;
		padding-top: 15px;
		padding-right: 20px;
	}
	.client-user-profile-modal .modal-content .modal-footer .btn.btn-secondary{
		padding:12px 35px;
	}
	.client-user-profile-modal .x-other{
		width: 100%;
	}
	.client-user-profile-modal .user-updating-password .x-title{
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.client-user-profile-modal .form-inline input:disabled, .client-user-profile-modal .form-inline input{
		display: inline-block;
	}
	.client-user-profile-modal .form-inline .form-group label{
		top: 0;
	}
	.client-user-profile-modal .x-form{
		padding-top: 40px;
	}
	.client-user-profile-modal.modal .modal-title{
		display: none;
	}
	.client-user-profile-modal .x-upload .x-button .btn{
		padding: 10px 41px;
	    text-transform: capitalize !important;
	    letter-spacing: 1px;
	}
	.client-user-profile-modal .x-other{
		padding-bottom: 15px;
	}
	.client-user-profile-modal.modal .modal-header{
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.client-user-profile-modal.modal .modal-header .close{
		z-index: 5;
		position: relative;
		right: 0;
		top: auto;
		bottom: 0;
	}

	

	/*EXISTING SM*/
	.container-menu .x-menu ul {
		-ms-grid-template-columns: 30.8% 30.8% 30.8%;
	    grid-template-columns: 30.8% 30.8% 30.8%;
	}
	.general-page-wrapper{
		padding-left: 15px;
		padding-right: 15px;
	}
	.project.project-details-page .general-page-wrapper{
		padding-left: 0px;
		padding-right: 0px;
	}
	.general-page-wrapper .general-top-panel {
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 30px;

	}
	.general-page-wrapper .general-top-panel .x-left{
		width: 65%;
	}
	.subscription-box .box-type-1 {
		padding:20px !important;
	}

	.search-panel-container{
		padding: 15px 15px 0px;
	}
	.search-panel .form-inline .form-group{
		margin-bottom: 10px;
	}
	.search-panel-container .x-close{
		right: 15px;
    	top: 14px;
	}
	.search-panel-container .x-close .rwsvgicons {
		width: 14px;
	    height: 14px;
	    color: #090909;
	}
	.search-panel .form-group.x-search-button{
		padding-left: 0px;
	}
	.search-panel .form-group.x-search-button .btn {
		width: 100%;
	}
	.client .search-panel .total-fields-messages .form-group{
		width: 100% !important;
	}

	/*END*/

	/*SUBSCRIPTION SM*/
	.subscription-box .x-title{
		padding-left: 20px;
		padding-right: 20px;

	}
	.subscription-box .x-button .x-other-buttons {
		width: 100%;
		margin-left: 0;
	}
	.subscription-box .x-button .btn {
	    margin: 0 !important;
	    width: 100% !important;
	    max-width: none;
	    padding-top: 11px;
	    padding-bottom: 11px;
	    height: auto;
	}
	.subscription-box .x-button .btn.js-delete-record{
		margin-top: 15px !important;
	}
	.subscription-box form {
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.subscription-page:before{
		width: 302px;
		height: 254px;
	}
	.subscription-box .x-box-left{
		border-right: 0;
	}
	.subscription-box .x-button{
		padding-top: 10px;
	}
	/*END*/

	/*MESSAGE SM*/
	.messages .general-page-wrapper {
		padding-top: 10px;
	}
	.messages-list-message {
		padding:0px 20px 0px;
	}
	.messages-list-message .x-pic img {
		width: 30px;
		height: 30px;
	}
	.messages-list-message .x-message {
		padding-top: 19px;
		padding-bottom: 20px;

	}
	.messages-list-message .x-avatar {
		vertical-align: top;
		padding-top: 32px;
	}
	.messages-list-message .x-avatar {
		width: 45px;
		max-width: 45px;
	}
	.messages-list-message .x-message .x-time-wrapper{
		display: inline-block !important;
	    position: absolute;
	    right: 0;
	    top: 23px;
	    right: 20px;
	}
	.messages-list-message .x-message .x-time{
		font-family: 'Nunito Sans',sans-serif;
	}
	.messages-list-message .x-message .x-name {
		font-size: 14px;
	}
	.messages-list-message .x-title{
		font-size: 12px;
		margin-top: 8px;
	}
	.messages-list-message .x-text{
		font-size: 12px;
		margin-top: 6px;
	}
	
	.client.messages .messages-list-message {
		min-height: 110px !important;
		height: 110px;
	}
	.messages-list-message .x-message .x-icon{
		display: none;
	}
	.messages-list-message .x-message {
		padding-left: 15px;
	}
	.message-reply-area .x-footer {
		padding: 0px 20px 30px;
	}
	div#message-text-editor .btn.btn-success{
		width: 100%;
	}
	div#message-text-editor{
		margin-top: 0px;
	}
	.btn.btn-add-new{
		margin-bottom: 30px !important;
		position: relative;
		z-index: 1;
	}
	.compose-message .x-title{
		padding:20px 20px 0px;
	}
	.compose-message .x-title .form-group {
		padding-bottom: 20px;
	}
	.compose-message .x-message{
		padding:20px;
	}
	.compose-message .x-footer{
		padding: 20px;
	}
	.compose-message .x-options {
		padding:20px;
	}
	.form-group.form-select select {
		height: 40px !important;
	}
	.compose-message .x-footer .btn, .compose-message .js-ajax-ux-request {
		width: 100%;
	}
	.compose-message .x-options .form-group {
	    width: 100% !important;
    	margin-bottom: 15px;
	}
	#messages_fileupload_button{
		margin-bottom: 15px;
	}
	.messages.message-compose .btn.btn-add-new,.messages.message-compose .row.pages-sub-nav .x-left .btn{
		width: 40%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.messages.message-compose .btn.btn-add-new{
		position: absolute;
		right: 15px;
	}
	.messages.message-compose .general-page-wrapper{
		margin-top: 0px;
	}
	.messages.message-compose .row.pages-sub-nav{
		margin-bottom: 30px;
	}

	/*END*/
	/*PROJECT SM*/
	.project-files-page .project-main-panel >.row.no-margin
	 {
		margin-right: -15px !important; 
		margin-left: -15px !important;
	}
	.project-files-page .projects-wrapper .project-left-panel{
		padding-left: 0px;
		padding-right: 0px;
	}
	th#column-project-status{
		width: auto !important;
		padding-right: 0px;
		text-align: right;
	}
	.projects.table-pages .table.table-style-1 tbody td:not(:nth-child(4)) {
		padding-right: 0px;
		text-align: right;
	}
	.admin.messages .messages-list-message .x-message {
		padding-bottom: 50px;
	}
	.admin.messages .messages-list-message .x-delete-button{
		bottom: 20px;
		right: 20px;
	}
	/*END*/

	/*USERS SM*/
	.users-wrapper .each-user .x-name{
		font-size: 14px;
	}
	.users-wrapper .each-user .x-job,.users-wrapper .each-user .x-tel,.users-wrapper .each-user .x-email{
		font-size: 13px;
	}
	.users-wrapper .each-user.active .x-delete-button,.users-wrapper .each-user.active .x-edit-button{
		width: 24px;
		height: 24px;
	}
	.users-wrapper .each-user.active .x-edit-button .fa.fa-pencil {
		width: 12px;
    	height: 16px;
    	top: 4px;
	}
	.users-wrapper .each-user.active .x-delete-button .fa{
		width: 10px;
		height: 14px;
		top: 4px;
	}
	.users-wrapper .each-user {
		margin-bottom: 10px;
	}
	/*END*/

	/*FLOATING PANEL SM*/
	.order-options-wrapper .order-option .x-icon{
		margin:0 auto;
	}
	.order-footer-panel-container .x-left, .order-footer-panel-container .x-right {
		display: table-cell !important;
	}
	.order-footer-panel-container .x-right .x-button {
		display: inline-block !important;
		padding-top: 2px;
		padding-right: 0px;
	}
	.order-footer-panel-container .x-right .x-button a {
		color: transparent !important;
		float: right;
	    width: 35px;
	    height: 35px;
	    padding: 0;
	    position: relative;
	}
	.order-footer-panel-container .x-right .x-button a:hover,.order-footer-panel-container .x-right .x-button a:focus{
		color: transparent !important;
	}
	.order-footer-panel-container .x-right .x-button a:after {
		width: 11px;
	    top: 9px;
	    right: 10px;
	    height: 14px;
		content:"";
		position: absolute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url("icon/x-icon-chevron-right-white.png");
	}
	.order-footer-panel-container .btn:after {
	    width: 11px;
	    top: 9px;
	    right: 10px;
	    height: 14px;
	    content: "";
	    position: absolute;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    background-image: url(icon/x-icon-chevron-left-gray.png);
	}
	/*END*/

	/*ORDER SM*/
	.subscription-packages-list .each-package{
		margin-bottom: 10px;
	}
	.order-footer-panel-wrapper .x-button .btn.disabled, .order-footer-panel-wrapper .x-button .btn.disabled:hover, .order-footer-panel-wrapper .x-button .btn.disabled:focus {
		color: transparent !important;
	}
	.option-changes-quality .options-split .x-each-option {
		margin-left: 0px;
		margin-right: 0px;
	}
	.cart-options-quality .x-container{
		padding:0px;
		margin-bottom: 0px !important;
	}
	.cart-options-quality .x-content{
		padding-left: 0px;
	}
	.option-changes-popup.option-changes-quality .options-split .x-each-option {
		padding:20px;
	}
	.cart-options-turnaround .x-container .x-circle .rwsvgicons, .cart-options-quality .x-container .x-circle .rwsvgicons{
		position: relative;
		top: 2px;
		padding-top: 3px;
	}
	div#option_popup_quality{
		height: 330px !important;
	}
	.option-changes-popup {
		height: 96px;
	}
	.option-changes-popup .x-title {
		display: inline-block;
		margin-top: 28px;
	}
	.option-changes-popup .x-panel{
		display: inline-block;
		float: right;
		margin-top: 20px;
	}

	.order-options-tooltip {
		bottom: 138px !important;
	}
	.order-details-container .order-simple-selector {
		padding-left: 15px;
		/*text-align: left;*/
		padding-right: 15px;
	}
	.order-footer-panel-container .btn {
		padding: 0px;
	    width: 35px;
	    height: 35px;
	    color: transparent !important;
	    position: relative;
	    border-color: #fff !important;
	    box-shadow: 0px 6px 14px rgba(188, 188, 193, 0.4);
	}

	.order-details-container.detailed textarea.form-control, .order-details-container.simple textarea.form-control {
		height: 25% !important;
	}

	.f .order-account-selector .x-box{
		width: 100%;
		margin-bottom: 12px;
	}
	/*END*/

	/*CART SM*/
	.order.cart .order-cart-container{
		width: 100%;
	}
	.order.cart .order-cart-container .row {
		margin-left: -15px;
		margin-right: -15px;
	}

	/*END*/
	/*ADMIN SM*/
	.admin.settings .container-fluid.main-content > .row {
		margin-left: 0px ;
		margin-right: 0px ;
	}
	.admin.settings .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.admin.settings.advanced.deliveryexpress .container-content{
		padding:0px !important;
	}
	body.admin.main.settings.advanced.banned .pull-left {
		float: none;
	}
	.admin.settings.advanced.banned .project-info-tabs .form-inline .btn {
		margin-left: 0px !important;
		width: 100%;

	}
	.admin.settings.advanced.banned .project-info-tabs .form-inline .btn+.form-group .btn {
		margin-top: 15px;
	}
	.admin.settings.advanced .project-info-tabs #editSettings .table-style-settings thead th:first-child ,
	.admin.settings.advanced.notify .project-info-tabs .table-style-settings thead th:first-child{
		width: 50px !important;
	}
	#editCompanySettings .table td:last-child, #editPaypalSettings .table td:last-child, #editstripeSettings .table td:last-child {
		padding-right: 0px;
	}
	.settings .widget-foot .bns-info-div {
		max-width: 100% !important;
		word-break: break-all;
	}
	.settings .widget-foot .bns-info-div.pull-right{
		float: none;
	}
	.settings .widget-foot .bns-info-div .btn {
	    width: 100%;
	    margin-left: 0px;
	    margin-top: 20px;
	}
	.admin.main.settings.general table.table,.admin.main.settings.paypal table.table ,.admin.main.settings.twocheckout table.table,
	.admin.main.settings.braintree table.table,.admin.main.settings.stripe table.table {
		table-layout: fixed;
	}
	.admin.main.settings.general table.table thead th:first-child ,#editCompanySettings .table thead th:first-child, #editPaypalSettings .table thead th:first-child, #editstripeSettings .table thead th:first-child,
	.admin.main.settings.twocheckout table.table thead th:first-child,.admin.main.settings.braintree table.table thead th:first-child,.admin.main.settings.stripe table.table thead th:first-child {
		width: 50px !important;
	}
	.admin.settings td > .js-ajax-ux-request {
		padding-left: 0px;
		padding-right: 0px;
	}
	.settings .widget-foot .pull-right {
	    float: none;
	}
	.settings .widget-foot .btn {
	    width: 100%;
	    margin-left: 0px;
	    margin-top: 20px;
	}
	.admin.settings .tabs-sub-nav form .form-group+.form-group {
	    margin-top: 15px;
	}

	.admin.settings .tabs-sub-nav form .form-group {
	    width: 100% !important;
	}
	.settings-background-images {
		-ms-grid-template-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.settings-background-images-panel{
		bottom: -400px;
	}
	.admin.main.settings:after{
		width: 274px;
    	height: 238px;
	}
	.admin.main.settings.emailtemplates .project-info-tabs .box,.admin.main.settings.emailtemplates .project-info-tabs .widget.wtabs{
		padding:20px 15px;
	}
	/*END*/
	/*CATEGORIES SM*/

	td.project-category input {
		width: 45% !important;
		margin-right: 0px;
	}
	.admin.categories .table {
		table-layout: fixed;
	}
	.admin.categories #column-category-actions {
		width: 50px !important;
	}
}
/*XS DEVICE*/

@media (max-width: 321px){
	.welcome-type-message ul li{
		width: 48.3%;
	}
	.order-simple-selector .x-detailed {
		padding-right: 5px;
	}
	.order-simple-selector .x-simple{
		padding-left: 5px;
	}
}
/*LANDSCAPE*/

@media (max-width: 769px) and (min-width: 690px){
	.client.invoices.table-pages .wrapper-main .top-header-wrapper > .row,
	.client.tickets-page .wrapper-main .top-header-wrapper > .row,
	.client.payments.table-pages .wrapper-main .top-header-wrapper > .row,
	.client.subscriptions-page.table-pages .wrapper-main .top-header-wrapper > .row,
	.client.projects.table-pages .wrapper-main .top-header-wrapper > .row,
	.client.company-profile .wrapper-main .top-header-wrapper > .row,
	.client.users .wrapper-main .top-header-wrapper > .row,
	.client.categories.table-pages .wrapper-main .top-header-wrapper > .row,
	.admin .row , .client.ticket-page .row, .client.order .top-header-wrapper > .row,
	.client.thankyou .top-header-wrapper > .row,
	.client.project.project-details-page .top-header-wrapper>.row,
	.client.project.project-files-page .top-header-wrapper>.row,
	.messages-wrapper .row,
	.tickets.ticket-compose .top-header-wrapper>.row
	 {
		margin-right: 0px;
		margin-left: 0px;
	}
	.admin.users .users-wrapper{
		padding-left: 5px;
		padding-right: 5px;
	}
	.users .users-wrapper >.row
	 {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.client.company-profile .page-wrapper-no-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
	.client.users .users-wrapper .row {
	    margin-left: 10px !important;
	    margin-right: 10px !important;
	}
	.messages-list-message .x-delete-button {
		bottom: auto;
		top: 32px;
	}
	.admin.messages .btn.btn-add-new,
	.ticket-page .btn.btn-add-new.btn-add-new-norrow,.tickets.ticket-compose .btn.btn-add-new,
	.users .btn.btn-add-new {
		margin-right: 15px;
	}
	.ticket-page .ticket-content-wrapper .x-left-panel,
	.ticket-page .general-page-wrapper.style-2 .general-top-panel

	{
		padding-left: 15px;
		padding-right: 15px;
	}

}
@media (max-width:690px) and (min-width:580px){
	#js-no-results-found .notifictation {
		margin-top: 0px;
		padding-top: 70px;
	}
	.start-order-button-onetime.active .x-extra-options {
		padding:0px 20px;
	}
	.main .container-menu{
		overflow: scroll;
		background-color: #fff;	

	}
	.top-header-wrapper >.row{
		margin-left: 0px !important;
		margin-right: 0px !important; 

	}

	
	.general-page-wrapper{
		padding-left: 15px;
		padding-right: 15px;
	}
	.project.project-details-page .general-page-wrapper{
		padding-left: 0px;
		padding-right: 0px;
	}
	.container-content{
		overflow-x: hidden;
	}


	.subscription-box .x-button .x-other-buttons{
		width: 30%;
		margin-left: 10px;
	}
	.subscription-box .x-button .x-other-buttons .btn {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.subscription-box .x-payment-box .x-middle{
		padding-left: 15px;
		padding-right: 15px;
	}

	.subscription-box .x-button .js-delete-record{
		width: 30%;
		margin-left: 10px;
	}

	.container-menu{
		min-height: 100vh;
		height: 100vh;
		overflow-y: scroll;background-color: #fff !important;
	}
	.container-menu .x-menu{
		padding-bottom: 100px;
	}

	/*ORDER LANDS*/
	div#option_popup_quality{
		height: 150px !important;
	}
	.option-changes-popup{
		height: 150px;
	}
	.options-split {
		display: flex;
	}
	.option-changes-quality .options-split .x-each-option {
		margin-left: 0px;
		margin-right: 0px;
	}
	.option-changes-quality .options-split .x-each-option{
		padding-left: 0px;
	}
	.cart-options-quality .x-container{
		padding:15px 0px 0px;
	}
	/*END*/

	.order .subscription-content-container .row > div:nth-child(3){
		clear: both;
	}
	.order-options-tooltip {
		bottom: 172px !important;
	}
	.order.cart .general-page-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	.cart .order-footer-panel-wrapper{
		top: -76px;
	}

	.shopping-cart-payment .x-pay-buttons .btn {
		/*width: 40%;*/
		width: auto;
		margin-left: 5px;
    	margin-right: 5px !important;
	}

	.admin.settings .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.container-menu.open-sub {
		position: fixed !important;
		overflow-y: hidden !important;
	}
	.admin.welcome .welcome-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	#column-category-actions {
		width: 50px !important;
	}
	.messages-list-message .x-message .x-time-wrapper {
	    position: absolute;
	    display: inline-block !important;
	    right: 0;
	    top: auto;
	    right: 80px;
	    bottom: 25px;
	}
	#editCompanySettings .table td:last-child, #editPaypalSettings .table td:last-child, #editstripeSettings .table td:last-child {
		padding-right: 0px;
	}
	.settings .tabs-sub-nav .form-group{
		margin-bottom: 15px !important;
	}
	.main-content{
		padding:0 15px;
	}
	.admin .top-user-panel .x-search .rwsvgicons {
		width: 15px;
	    height: 15px;
	    margin-bottom: 4px;
	}
	.search-panel .form-group.x-search-button .btn {
		width: 100%;
	}
	.search-panel .form-group.x-search-button {
		margin-top: 10px;
	}
	.search-panel-container .x-close, .top-alt-panel-container .x-close {
	    right: 10px;
	    top: 24px;
	}
}
.subscription-page .popover {
	    top: 0px !important;
	    left: 0px !important;
}
@media (max-width: 769px){
	.ticket-content-wrapper .x-right-panel {
		padding-left: 0px !important;
	}
	.subscription-page .popover.bs-tether-element-attached-bottom::after,.subscription-page .popover.popover-top::after {
	    bottom: -10px;
	    margin-left: auto;
	    border-top-color: #fff;
	    transform: rotate(0deg);
	    right: 0;
	    left: 0;
	    margin-right: auto;
	}
}

/*CUSTOMIZED TABLET SCREEN*/
@media (max-width: 992px) and (min-width:770px){
	.shopping-cart-payment .x-pay-buttons .btn {
		margin-bottom: 20px;
	} 
	.wrapper-main {
	    padding-left: 100px;
	}
	.start-title {
		margin-top: 45px;
	}
	.main-content {
	    padding: 0px 40px;
	}
	.projects-wrapper .project-main-panel >.row.no-margin{
		margin-left: -15px !important;
		margin-right: -15px !important;
	} 
	.projects-wrapper .project-left-panel .project-main-menu{
		margin-bottom: 15px;
	}
	.ticket-content-wrapper .x-left-panel {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.ticket-content-wrapper .x-right-panel{
		display: block;
		width: 100%;
		padding-left: 0px;
	}
}

@media (max-width:720px) and (min-width:607px){
	.order.cart .top-header-wrapper >.row{
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media (max-width:1025px) and (min-width:770px){
	.order.cart .top-header-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.order-cart-payment-wrapper,.cart .order-footer-panel-wrapper {
		right: -120px;
	}
}
@media (max-width:1026px) and (min-width:995px){

	.wrapper-main{
		padding-left: 100px;
	}
}
@media (max-width:690px) and (min-width:600px){
	.welcome .wrapper-main .top-header-wrapper{
		padding-left: 0px;
		padding-right: 0px;
	}

}
@media (max-width: 960px) and (min-width:718px){
	div#option_popup_quality {
		height: 158px !important;
	}
	div#option_popup_quality .options-split {
		display: -webkit-box;     
	    display: -moz-box;        
	    display: -ms-flexbox;    
	    display: -webkit-flex; 
	  	display: flex
	}
	div#option_popup_quality .options-split .x-each-option {
		margin-left: 0px;
		margin-right: 0px;
		border-bottom: none;
		padding-top: 25px;
	}
	#option_popup_turnaround .options-split .x-each-option{
		padding-top: 35px !important;
	}
	.order-content-list, .order-details-page, .order-account-page, .order-cart-page, .subscription-packages-list{
		padding-bottom: 70px;
	}


}
@media (max-width: 770px) and (min-width:718px){
	.client.payments .table thead th:nth-last-child(4),.client.payments .table tbody td:nth-last-child(4){
		display: none !important;

	}
	#js-no-results-found .notifictation {
		margin-top: 0px;
		padding-top: 120px;
	}
}
@media (min-width: 1950px){
	.login-left{
		width: 980px;
	}
}
@media (min-width: 1500px){
	.projects.table-pages .table.table-style-1 thead th:nth-child(4) {
		width: auto;
	}
}

@media (max-width: 768.5px) and (min-width: 699px){
	.client.messages .wrapper-main{
		padding:0px 15px;
	}
}


/* ======================== */
/* ORDER SUMMARY RESPONSIVE */

@media (max-width:768px){
	
    .order .order-summary {
        top:auto;
        right:0;
        left :10px;
        bottom:10px;
        border-radius:0;
        width:calc(100vw - 20px);
        padding:10px;
        border-radius:3px;
        -webkit-box-shadow:0px 20px 35px 30px rgba(114, 119, 142, 0.16);
        box-shadow:0px 20px 35px 30px rgba(114, 119, 142, 0.16);
    }
    .onetime .page-wrapper-no-padding,.subscription .page-wrapper-no-padding {
        margin-right:0;
    }
    .order .order-summary .options-numeric-values ,
    .order .order-summary .options-numeric-values + .row,
    .order .order-summary .options-selects,
    .order .order-summary .turnaround-element,
    .order .order-summary .display-none-lite{
        display:none;
    }
    
    .order .order-summary.open-mobile .options-numeric-values {
        display: -webkit-box ;
        display: -webkit-flex ;
        display: -ms-flexbox ;
        display: flex ;
    }
    .order .order-summary.open-mobile .options-numeric-values.x-images + .row,
    .order .order-summary.open-mobile .options-selects,
    .order:not(.subscription) .order-summary.open-mobile .turnaround-element{
        display:block;
	}
	
    .order:not(.cart) .order-summary .top-summary{
        position: absolute;
        bottom: 22px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 300px;
    }
    .order-summary .continue-buttons {
        padding-top:15px;
    }
    .order.step-1 #start-over-link {
        margin-top:-41px;
    }
    .order-summary .options-numeric-values.x-word-count{
        padding-top:25px;
    }
    .order .order-summary .options-selects.turnaround-element{
        margin-bottom:25px;
    }
    .order .order-summary.open-mobile .continue-buttons{
        padding-top:20px;
    }
    .order.step-2 .order-summary .top-summary,
    .order.step-3 .order-summary .top-summary{
        bottom:39px;
    }
    .order.step-2 .order-summary .continue-buttons .btn.btn-next,
    .order.step-3 .order-summary .continue-buttons .btn.btn-next{
        top:17px;
    }
    .order.cart .container-fluid.main-content {
        padding:0px !important;
    }
    .order.cart .order-summary {
        padding-top:30px;
        padding-bottom:30px;
        min-height:383px;
    }
    .order .cart-panel .shopping-cart-payment#cart-payment-buttons-final .payment-illustration {
        padding-top:30px;
        padding-bottom:30px;
    }
    .order .order-summary .shopping-cart-payment .x-pay-buttons {
        max-width:400px;
        margin:0 auto;
    }
    .order .cart-panel .shopping-cart-payment#cart-payment-buttons-final .payment-illustration img{
        width:120px;
    }
    .order .cart-panel #cart-payment-buttons-initial .checkout-coupon{
        text-align:center;
    }
    .order .order-summary .shopping-cart-payment .x-pay-terms {
        text-align: center;
    }
    .order .cart-panel .payment-cancel-start-over{
        width:100%;
    }
    .order.cart .order-summary .start-over{
        position: absolute;
        bottom:22px;
    }
    .order .cart-panel .payment-cancel-start-over > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
    }
    body.order.open-order-summary .order-content-list{
        padding-bottom:400px;
    }
    .order.popover-summary-standard.step-1 .popover {
        -webkit-transform: translateX(0) translateY(0) translateZ(0px) !important;
        transform:translateX(0) translateY(0) translateZ(0px) !important;
        left:35px !important;
        right :auto !important;
        top: auto !important;
        bottom: 250px;
        position:fixed !important;
    }
    .order.popover-summary-expert.step-1 .popover {
        -webkit-transform: translateX(0) translateY(0) translateZ(0px) !important;
        transform:translateX(0) translateY(0) translateZ(0px) !important;
        right:35px;
        left :auto !important;
        top: auto !important;
        bottom: 250px;
        position:fixed !important;
    }
    .order.popover-summary-premium.step-1 .popover {
        -webkit-transform: translateX(0) translateY(0) translateZ(0px) !important;
        transform:translateX(0) translateY(0) translateZ(0px) !important;
        right:0;
        margin:0 auto;
        top: auto !important;
        bottom: 250px;
        position:fixed !important;
    }
    
    .order.popover-summary-standard.step-1 .popover.bs-tether-element-attached-right::after,
    .order.popover-summary-premium.step-1 .popover.bs-tether-element-attached-right::after ,
    .order.popover-summary-expert.step-1 .popover.bs-tether-element-attached-right::after{
        top:auto;
        -webkit-transform: rotate(90deg);
        transform:rotate(90deg);
        bottom:-14px;
        position: absolute;
        left:0;
        right:0;
        margin:0 auto;
    }
    .order.cart .popover.bs-tether-element-attached-bottom::after {
        bottom: auto;
        margin-left: auto;
        border-top-color: #fff;
        transform: rotate(0deg);
        right: 0;
        left: 0;
    }
    .order.cart.popover-coupon .popover{
        transform: translateX(0) translateY(0) translateZ(0px) !important;
        left: 0 !important;
        right: 0 !important;
        position: fixed !important;
        margin: 0 auto !important;
        bottom: 250px !important;
        top: auto !important;
	}
	.order.subscription .order-summary .display-none-lite{
		display:none !important;
	}
	.order.subscription .order-summary.open-mobile .display-none-lite{
		display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
	}
	.order.subscription .subscription-content-container > .row > .col-lg-3{
		margin-bottom:10px;
	}
}
@media (max-width:768px) and (min-width:581.98px){
	.order .cart-panel.upgrade-quality-prompt .upgrade-buttons .btn-info{
		width:46%;
	}
	.jconfirm .jconfirm-box-container.col-md-4{
		width:50%;
	}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
	body.order {
		position: relative;
	}
	.order .order-summary{
		max-height: 240px;
		overflow: scroll;
		height: 60px;
	}
	.order.step-3.f .order-summary{
		height:100px;
	}
	.order.step-3.f .order-summary:after{
		height:100px;
	}
	.order.step-3.f .order-summary .continue-buttons .x-left{
		top: -30px;
		position: relative;
		left: 20px;
	}
	.order .order-summary.open-mobile{
		padding-bottom: 70px;
		height: auto;
	}
	.order:not(.cart) .order-summary:after{
		content: "";
		display: block;
		height: 60px;
		position: fixed;
		background: #fff;
		bottom: 10px;
		right: 0;
		left: 0;
		width: calc(100% - 20px);
		margin: 0 auto;
		-webkit-box-shadow:0px 20px 35px 30px rgba(114, 119, 142, 0.1);
		box-shadow:0px 20px 35px 30px rgba(114, 119, 142, 0.1);
	}
	.order:not(.cart) .order-summary .top-summary{
		position: fixed;
		bottom: 28px;
		z-index: 1;
	}
	.order .order-summary .continue-buttons{
		position: fixed;
		bottom: 25px;
		/* right:60px; */
		width:calc(100% - 40px);
		z-index: 1;
	}
	.order.step-2 .order-summary .continue-buttons .btn.btn-next, .order.step-3 .order-summary .continue-buttons .btn.btn-next{
		top:0;
	}
	.order:not(.cart) .order-summary .start-over{
		position: fixed;
		bottom: 15px;
		left: 20px;
		z-index: 1;
	}
	.order.step-2 .order-summary{
		min-height:100px;
	}
	.order.step-2:not(.cart) .order-summary .top-summary{
		bottom:48px;
	}
	.order.step-2 .order-summary .continue-buttons{
		bottom:43px;
	}
	.order.step-2 .order-summary .continue-buttons .btn.btn-back{
		top:-15px;
	}
	.order.step-2 .order-summary:after{
		height:100px;
	}
	.order.cart .order-summary {
		position: relative;
		top:0;
		bottom:0;
		margin: 0 auto 30px;
		max-height: none;
		width: calc(100% - 70px);
		left: 0;
	}
	.order.cart .order-cart-container{
		padding-bottom:0;
	}
	.order-cart-page{
		padding-bottom:30px;
	}
	.onetime .page-wrapper-no-padding, .subscription .page-wrapper-no-padding{
		margin-right:0;
	}
	.main .container-menu{
		overflow-y: scroll;
		background-color: #fff;
	}
	.order.onetime.step-1 .popover, .order.onetime.step-2 .popover, .order.onetime.step-3 .popover, .order.subscription.step-1 .popover, .order.subscription.step-2 .popover, .order.subscription.step-3 .popover {
		top:20px !important;
		bottom:auto !important;
		left:0 !important;
		right:0 !important;
		margin:0 auto;
		transform :translate(0,0) !important;
		visibility: hidden;
		display:none !important;
		position: fixed !important;
	}
	.order.onetime.step-1 .popover.fade.in, .order.onetime.step-2 .popover.fade.in, .order.onetime.step-3 .popover.fade.in, .order.subscription.step-1 .popover.fade.in, .order.subscription.step-2 .popover.fade.in, .order.subscription.step-3 .popover.fade.in{
		visibility: visible;
		display :block !important;
	}
	
	.order.popover-summary-standard.step-1 .popover.bs-tether-element-attached-right::after, .order.popover-summary-premium.step-1 .popover.bs-tether-element-attached-right::after, .order.popover-summary-expert.step-1 .popover.bs-tether-element-attached-right::after{
		display: none;
	}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){
	body.order {
		position: relative;
	}
	.order .order-summary{
		
		right:20px;
		bottom:10px !important;
		top:auto;
		height:60px;
		max-height:220px;
		width:calc(100% - 40px);
	}
	.order.d .order-summary{
		width:calc(100% - 140px);
	}
	.order.step-3.f .order-summary{
		height:100px;
	}
	.order.step-3.f .order-summary:after{
		height:100px;
	}
	.order.step-3.f .order-summary .continue-buttons .x-left{
		top: -30px;
		position: relative;
		left: 20px;
	}
	.order.f{
		width:calc(100% - 40px);
	}
	.order .order-summary.open-mobile{
		padding-bottom:90px;
		height:auto;
	}
	.order:not(.cart) .order-summary:after{
		width:calc(100% - 140px);
		right:20px;
		left:auto;
	}
	.order.f:not(.cart) .order-summary:after{
		width:calc(100% - 40px);
	}
	.order-summary .options-numeric-values.x-word-count{
		padding-top:0;
	}
	.order:not(.cart) .order-summary .top-summary{
		right:-100px;
		left:0;
		margin:0 auto;
		width:300px;
	}
	.order.f:not(.cart) .order-summary .top-summary{
		right:0;
	}
	.order .order-summary .continue-buttons{
		width:calc(100% - 140px);
		right:30px;
		left:auto;
	}
	.order.f .order-summary .continue-buttons{
		width:calc(100% - 40px);
	}
	.order:not(.cart) .order-summary .start-over{
		left:130px;
	}
	.order.f:not(.cart) .order-summary .start-over{
		left:30px;
	}
	.order .order-summary .options-numeric-values ,
    .order .order-summary .options-numeric-values + .row,
    .order .order-summary .options-selects,
    .order .order-summary .turnaround-element,
    .order .order-summary .display-none-lite{
        display:none;
    }
    
    .order .order-summary.open-mobile .options-numeric-values {
        display: -webkit-box ;
        display: -webkit-flex ;
        display: -ms-flexbox ;
        display: flex ;
	}
	.order .order-summary.open-mobile .options-numeric-values.x-images + .row,
    .order .order-summary.open-mobile .options-selects,
    .order:not(.subscription) .order-summary.open-mobile .turnaround-element{
        display:block;
	}
	.order.step-2 .order-summary .continue-buttons{
		width:calc(100% - 160px);
	}

	.order.f.step-2 .order-summary .continue-buttons{
		width:calc(100% - 60px);
	}
	
	.cart-panel #cart-payment-buttons-initial .checkout-coupon,.order .order-summary .shopping-cart-payment .x-pay-terms{
		text-align: center;
	}
	.order.cart .order-cart-container{
		padding-left:0;
	}
	.order.cart .order-summary{
		width:calc(100% - 50px);
		left:auto;
		right:10px;
	}
	.order .container-fluid.main-content{
		padding-left:0;
	}
	.order.bulk .order-details-container{
		width:100%;
		padding-right:20px;
	}
	.bulk .order-content-item .x-icon{
		padding-top:15px;
	}
	.subscription-packages-list .each-package{
		margin-bottom:0;
	}
	.subscription-content-container{
		padding:0 10px !important;
	}
	.order.cart .order-summary{
		max-height:auto;
		height:auto;
	}
	.order.cart .cart-panel .shopping-cart-payment#cart-payment-buttons-final .payment-illustration{
		padding-top:20px;
		padding-bottom:30px;
	}
	.order.cart .cart-panel .shopping-cart-payment#cart-payment-buttons-final .payment-illustration img{
		width:120px;
	}
	.order.cart .cart-panel .shopping-cart-payment#cart-payment-buttons-final .secure-icons{
		margin-top:25px;
	}
	.order.cart .order-summary .shopping-cart-payment .x-pay-buttons{
		max-width:400px;
		margin:0 auto;
	}
	.order.cart .order-summary{
		min-height:360px;
	}
	.order.cart .order-summary .start-over{
		position: absolute;
		bottom:20px;
	}
	.order-footer-panel-container .x-middle .x-r{
		padding-left:0;
	}
	.order.onetime.step-1 .popover .popover-content, .order.onetime.step-2 .popover .popover-content, .order.onetime.step-3 .popover .popover-content, .order.subscription.step-1 .popover .popover-content, .order.subscription.step-2 .popover .popover-content, .order.subscription.step-3 .popover .popover-content{
		padding:5px 5px 0px;
	}
	.order.cart .order-cart-item .table-style-2 tbody tr td:first-child{
		width: 170px;
	}
	.bulk-form-wrapper .bulk-form-option{
		padding-left:20px !important;
	}
	.order.bulk .jconfirm .jconfirm-box-container{
		width:100%;
		max-width:350px;
	}
	.order.subscription .order-summary.subscription .turnaround-element {
		display:none;
	}
	.order .cart-panel.upgrade-quality-prompt .upgrade-buttons .btn-info {
		width:46%;
	}
}
@media (max-width:582px){
    .order .order-summary {
        padding:55px 10px 10px;
	}
	
    .order.open-order-summary .order-summary {
        padding-top:10px !important;
    }
    .order:not(.cart) .order-summary .top-summary {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        bottom: 70px;
        padding: 0 10px;
	}
	.order:not(.cart).step-3.f .order-summary .top-summary{
		bottom:102px;
	}
    .order .order-summary .options-selects.turnaround-element{
        margin-bottom:15px;
    }
    .order .order-summary.open-mobile .options-selects,
    .order:not(.subscription) .order-summary.open-mobile .options-selects.turnaround-element{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
	}
	.order.subscription .order-summary.open-mobile .options-selects.turnaround-element{
		display:none;
	}
    .order .order-summary .options-selects .select-element {
        flex:0 0 33.3%;
        max-width:33.3%;
    }
    .order .order-summary .options-selects.turnaround-element .select-element{
        flex:0 0 50%;
        max-width:50%;
    }
    .order.popover-summary-standard.step-1 .popover ,
    .order.popover-summary-premium.step-1 .popover,
    .order.popover-summary-expert.step-1 .popover{
        bottom:280px;
	}
	.order.popover-summary-standard.step-1.order-item__blogpost .popover ,
    .order.popover-summary-premium.step-1.order-item__blogpost .popover,
	.order.popover-summary-expert.step-1.order-item__blogpost .popover
	{
        bottom:340px;
	}
	.order.step-1.subscription .popover{
        bottom:250px;
    }
    .order.step-2 .order-summary .top-summary{
        bottom:100px;
    }
    .order.step-2 .order-summary .continue-buttons .btn.btn-next, .order.step-3 .order-summary .continue-buttons .btn.btn-next{
        top:-1px;
    }
    .order .order-summary .top-summary{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .order.cart .order-cart-container{
        padding-bottom:390px;
    }
    .order .order-summary #option_nav_blogpost .col-sm-6 {
        display:inline-block;
        width:50%;
    }
    .order .order-summary #option_nav_blogpost .col-lg-6{
        width:50%;
    }
    .order .order-summary.open-mobile .continue-buttons{
        padding-top:65px;
    }
    .order .order-summary .display-none-lite {
        display: none !important;
    }
    .order .order-summary.open-mobile.order-blogpost .display-none-lite{
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .order.step-2 .order-details-container{
        padding-bottom: 180px;
    }
    .order #order-files-list >div{
        padding-left:15px;
    }
    .order.cart .order-cart-container{
        padding-bottom:480px;
    }
}
/* END OF ORDER SUMMARY RESPONSIVE */
/* ======================== */
/*END*/