/* PHARMIWEB.JOB */

@media only screen and (max-width: 1850px){
	.default-tabs .tab-buttons .tab-btn{
		padding: 20px;
	}

	.default-tabs .content-block,
	.default-tabs .title-box{
		padding-left: 0;
		padding-right: 0;
	}

	.creative-plan-table .status-box{
		flex-direction: column;
		min-width: auto;
	}

	.date-outer .input-group{
		flex-wrap: wrap;
	}

	.row-wc{
		flex-direction: column;
	}

	.row-wc .form-group{
		max-width: 100%;
	}


	.search-form{
		max-width: 100%;
	}

	.recording-history-list li{
		margin-bottom: 10px;
	}

	.main-footer.style-two .widgets-outer{
		padding: 100px 30px;
	}

	.main-footer .chat-link{
		right: 30px;
	}

	.footer-menu li{
		margin-right: 40px;
	}

	.footer-menu li a{
		font-size: 18px;
	}

	.footer-links-two li a{
		font-size: 16px;
		line-height: 30px;
	}

	.instant-creation{
		padding: 80px 35px;
	}

	.date-outer .input-outer .input{
		font-size: 14px;
		height: 50px;
		line-height: 20px;
	}

	.date-outer .input-outer .icon{
		top: 12px;
	}

	.search-form .form-group input[type="text"],
	.search-form .form-group input[type="email"]{
		height: 50px;
		font-size: 14px;
		line-height: 20px;
	}

	.search-form .form-group .theme-btn{
		height: 50px;
		width: 50px;
	}



	.login-section .login-form .form-group{
		margin-bottom: 32px;
	}


	.default-form .form-group .custom-select,
	.login-form .form-group input[type="text"],
	.login-form .form-group input[type="email"],
	.login-form .form-group input[type="url"],
	.login-form .form-group input[type="number"],
	.login-form .form-group input[type="phone"],
	.login-form .form-group input[type="password"],
	.login-form .form-group input[type="date"],
	.login-form .form-group input[type="text"],
	.login-form .form-group input[type="file"],
	.login-form .form-group select,
	.login-form .form-group textarea {
		/*font-weight: 600 !important;*/
		font-size: 16px;
		padding:10px 20px;
		height:50px;
	}

	.form-group .btn-sortby{
		height: 50px;
		width: 50px;
		font-size: 20px;
	}

	.login-section .login-form .submit-btn{
		/*display: block;*/
		/*width: 100%;*/
		/*margin-top: 0;*/
		/*background: #E7434A;*/
		/*line-height: 20px;*/
		/*padding: 15px 30px;*/
	}

	.login-section .login-form .verify-btn{
		position: absolute;
		right: 20px;
		top: 5px;
		line-height: 30px;
		padding: 5px 20px;
	}

	.login-section .checkbox-outer label{
		font-size: 14px;
	}

	.login-section .checkbox-outer .checkbox{
		transform: scale(1.4);
	}

	.product-block .product-options .opt-btn{
		font-size: 14px;
		height: 35px;
		width: 35px;
	}

	.product-block .product-info-list{
		padding: 10px 5px 0;
	}

	.inner-tabs .tab-buttons .inner-tab-btn{
		margin-right: 20px;
	}

	.inner-tabs .tab-buttons .inner-tab-btn{
		max-width: 160px;
	}
}


@media only screen and (max-width: 1440px){
    .product-block .product-info-list{
        padding: 10px 0;
    }
    .product-block .product-info-list li{
        margin-right: 5px;
    }
	.main-header .main-box{
		padding: 0 30px;
	}


	.main-header .outer-box .theme-btn{
		min-width: 110px;
		padding: 10px;
	}

	.instant-creation{
		padding: 80px 10px;
	}

	.account-setting-item .show-detail{
		font-size: 14px;
		line-height: 20px;
		padding: 10px 30px;
	}
}


@media only screen and (max-width: 1280px){
	.main-menu .navigation > li{
		padding: 0px 15px;
	}

	.main-menu .navigation > li > a{
		padding: 35px 0px;
	}

	.main-header .outer-box{
		margin-left: 20px;
	}
	.dropdown-style-one{
		/*display: none;*/
        margin-right: 10px;
	}

	.main-header .outer-box .theme-btn{
		margin-left: 0;
	}

	.banner-section .content-column{
		display: flex;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		min-height: 500px;
	}

	.banner-section .content-column .inner-column{
		padding: 150px 0;
	}


	.service-block .content-box{
		padding: 30px 30px 30px;
	}

	.list-style-one li{
		font-size: 16px;
	}

	.list-style-one li:before{
		top: 1px;
	}

	.main-footer .nav-widget{
		padding-top: 40px;
		padding-left: 40px;
	}

	.instant-creation .default-tabs > .row{
		flex-direction: column;
	}

	.instant-creation .default-tabs > .row > div{
		max-width: 100%;
	}


	.creative-plan-table .status-box{
		justify-content: center;
		align-items: center;
	}

	.footer-menu li{
		margin-right: 40px;
	}

	.footer-menu li a{
		font-size: 20px;
	}

	.footer-links-two{
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-links-two li{
		margin-bottom: 10px;
	}

	.footer-links-two li a{
		font-size: 14px;
		line-height: 24px;
	}

	.main-footer.style-two .widgets-outer{
		padding: 50px 0 50px;
	}

	.main-footer .chat-link{
		top: 100px;
	}

	.main-footer .chat-link a{
		font-size: 18px;
	}

	.main-footer .chat-link a .icon{
		transform: scale(.5);
		margin-left: 0;
	}

	.default-tabs{
		overflow: visible;
	}

	.instant-creation .tabs-btn-outer{
		position: absolute;
		left: -12px;
		top: -40px;
		z-index: 99;
		transition: all 300ms ease;
		transform: translateX(-100%);
	}

	.instant-creation.active .tabs-btn-outer{
		transform: translateX(0);
	}


	.tabs-btn-outer{
		position: relative;
		display: inline-block;
		max-width: 300px;
		width: 100%;
	}

	.tabs-btn-outer .toggle-tab-buttons{
		position: absolute;
		right: -25px;
		top: 10px;
		width: 25px;
		height: 48px;
		background: #E52F37;
		border-radius: 0 5px 5px 0;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
	}

	.instant-creation.active .toggle-tab-buttons .fa{
		transform: rotate(180deg);
	}

	.modal{
		left: 30px;
		right: 30px;
		overflow: visible !important;
	}

	.modal button.close {
	    transform: scale(.7);
	}

	.main-header.style-two .main-menu .navigation > li{
		margin-right: 15px;
		padding: 0;
	}
}


@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}

}


@media only screen and (max-width: 1023px){
	.left{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.main-header .main-menu,
	.sticky-header{
		display: none !important;
	}

	.header-span{
		height: 83px;
	}

	.mobile-nav-toggler{
		display: inline-block;
	}

	.header-top .logo img{
		max-width: 100px;
	}

	.mobile-header{
		display: flex;
	}

	.main-header .outer-box .theme-btn{
		/*margin-right: 15px;*/
		/*font-size: 0;*/
		/*padding: 0px 0px;*/
		min-width: auto;
		height: 35px;
		/*width: 35px;*/
	}

	.main-header .outer-box .theme-btn .icon{
		margin-right: 0;
		background-size: 15px;
	}

	.main-header .outer-box .theme-btn .thumb{
		margin-right: 0;
	}

	.sec-title h2{
		font-size: 32px;
		line-height: 1.2em;
	}

	.main-footer .nav-widget{
		padding-left: 0;
	}

	.footer-nav li{
		margin: 0 15px;
		line-height: 30px;
	}

	.services-section{
		padding-bottom: 70px;
		padding-top: 120px;
	}

	.instant-creation .default-tabs > .row > div{
		max-width: 100% !important;
	}

	.creative-plan-table{
		min-width: 900px;
	}

	.storage-data .theme-btn{
		margin-top: 0;
	}

	.date-outer .input-outer{
		width: 100%;
		margin-right: 0;
	}

	.default-form .btn-box{
		flex-direction: column;
	}

	.default-tabs .content-block,
	.default-tabs .title-box{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.login-section .image-box{
		display: none;
	}

	.login-section .form-box{
		width: 100%;
	}

	.default-tabs .title-box{
		flex-direction: column;
		align-items: flex-start;
	}

	.title-box .search-form-two,
	.title-box .search-form{
		margin-top: 30px !important;
		max-width: 100%;
	}

	.title-box .search-course-outer{
		flex-direction: column;
		align-items: flex-start;
	}

	.title-box .search-course-outer{
		margin-top: 20px;
		margin-left: 0;
	}

	.search-course-outer .loader{
		margin-left: -20px;
	}

	#search_new_course.btn-disabled{
		margin-top: 20px;
	}


	.page-breadcrumb{
		margin-top: 30px;
	}

	.default-tabs .title-box .outer-box{
		position: relative;
		flex-direction: column;
		align-items: flex-start;
	}

	.title-box .outer-box .search-course-outer{
		margin-left: 0;
		width: 100%;
		margin-top: 0;
	}

	.title-box .outer-box #search_new_course.btn-disabled{
		margin-top: 0;
	}

	.title-box .outer-box .search-loading-outer{
		position: relative;
		top: 0;
		overflow: hidden;
		padding-right: 0;
		padding-left: 20px;
		transition: all 300ms ease;
		margin-bottom: 10px;
	}

	.account-setting-item .text-right{
		text-align: left !important;
		margin-top: 10px;
	}

	.account-setting-item .show-detail{
		min-width: auto;
		padding: 5px 20px;
	}

	.manage-profile .user-image{
		height: 80px;
		width: 80px;
	}

	.manage-profile{
		margin-bottom: 0;
	}

	.manage-profile .name{
		margin-bottom: 10px;
		font-size: 18px;
	}


	.manage-profile .total-score{
		font-size: 12px;
		line-height: 18px;
	}

	.chart-column{
		order: 2;
		margin-top: 30px;
	}

	#legend{
		justify-content: flex-start;
	}

	.inner-tabs .tab-buttons{
		flex-direction: column;
	}

	.inner-tabs .tab-buttons .inner-tab-btn{
		margin-right: 0;
		display: block;
		max-width: 100%;
		width: 100%;
		text-align: center;
		border-radius: 0 !important;
	}


	.course-info-list-two li{
		width: 33.333%;
		padding-right: 15px;
		margin-right: 0;
		text-align: left;
		margin-bottom: 20px;
	}

	.course-info-list-two li span{
		display: inline-block;
	}

	.comments-info{
		position: relative;
		margin-bottom: 20px;
	}

	.comments-info .info{
		margin-left: 0;
		margin-right: 20px;
	}

	.discussion-forum .course-counter{
		width: auto !important;
		white-space: nowrap;
	}

	.pricing-block{
		margin-bottom: 80px;
	}

	.e-shop-alert li{
		margin: 10px 0;
	}

	.group-counter{
		justify-content: flex-start;
	}

	.group-counter .course-counter{
		margin-left: 0;
		margin-right: 20px;
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.banner-section .content-column .inner-column,
	.banner-section .content-column{
		height: 100% !important;
		min-height: 100% !important;
	}

	.add-new-invoice{
		margin: 20px 0;
	}

	.invoice-table{
		overflow: auto;
	}

	.workorder-item{
		padding: 30px;
	}

	.workorder-item .btn-box{
		margin-top: 20px;
	}

	.workorder-item .inner-box{
		padding-left: 100px;
	}

	.workorder-item .user-img{
		height: 80px;
		width: 80px;
		font-size: 20px;
		margin-bottom: 20px;
	}
}


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

    .product-block .product-info-list{
        display: -webkit-inline-box;
        position: absolute!important;
    }
    .product-block .product-options{
        justify-content: space-between;
        padding: 10px 0;
    }
    .product-block .product-options .opt-btn{
        margin: 0;
    }
	.features-section{
		padding-top: 70px;
	}

	.sec-title h2{
		font-size: 24px;
	}

	.default-tabs .tabs-content{
		padding: 25px 25px;
	}

	.main-footer .chat-link{
		right: 0;
	}
    .banner-image{
        background-size: auto 100vh!important;
    }
    .banner-section .content-column{
        min-height: calc(100vh - 80px);
        max-width: 100% !important;
    }
    .banner-section .content-column .inner-column{

    }
    .banner-section .content-column .inner-column{

    }
    .mobile-hide{
        display: none!important;
    }
    .mobile-show{
        display: block!important;
    }
    #unreadUserNotificationBody{
        margin-left: 0!important;
        padding: 0 20px 0 10px;
    }
    .product-block-two .content{
    	padding-right: 0;
    }

    .product-block-two .job-other-info{
    	position: relative;
    	top: 0;
    	transform: none;
    	margin-top: 5px;
    }

    .radio-box-with-input{
    	width: 100%;
    }

	.radio-box-with-input .input-outer{
		min-width: 100%;
		margin: 5px 0;
	}


	.checkout-form .form-inner{
		padding: 25px 20px;
	}


	.checkout-form .verify-btn{
		position: relative;
		font-size: 10px;
		padding: 5px 15px;
		line-height: 15px;
		right: 0;
		margin-top: 10px;
	}

	.checkout-form .checkbox-outer .checkbox{
		transform: scale(1);
	}

	.course-info-list-two li{
		width: 50%;
	}

	.pricing-block .title-box-outer{
		padding: 20px 20px;
	}

	.payment_table .invoice-info{
		flex-direction: column;
		align-items: flex-start;
	}

	.payment_table .invoice-info li:last-child{
		margin-left: 0;
	}

	.workorder-item-two{
		padding-left: 50px;
		padding-top: 10px;
		min-height: 40px;
	}

	.workorder-item-two .user-img{
		height: 40px;
		width: 40px;
		font-size: 12px;
	}

	.workorder-item-two h3{
		font-size: 16px;
	}


	.workorder-item{
		flex-direction: column;
		align-items: flex-start;
	}

    .title-lg{
        font-size: 30px;
    }
    .login-section .login-form .submit-btn, .theme-btn{
        padding: 10px 15px;
        height: 40px;
    }
    .main-page-header .btn-box a.btn-style-four{
        font-size: 0;
        margin-right: 0!important;
    }
    .user-avatar{
        width: 50px;
        height: 50px;
        margin-right: 0;
    }
    .btn-style-five{
        padding: 10px 15px;
    }
    .second-modal .modal-header{
        padding: 20px 20px 0 20px;
    }
    .second-modal .modal-header .btn-modal-close{
        width: 50px;
        height: 50px;
    }
    .currency-val{
        font-size: 24px;
    }
    .gray-back{
        padding: 25px 15px;
    }
    .currency-n-mark, .currency-d-mark, .currency-g-mark, .currency-c-mark{
        width: 50px;
        height: 50px;
        font-size: 24px;
        line-height: 50px;
    }
    #vaultWithdraw{
        margin-bottom: 50px!important;
    }
    #paypalWithdraw{
        margin-bottom: 50px!important;
    }
    .trade-history-currency #selCurrency, .exchange-rate-history #selCurrency{
        font-size: 24px;
        line-height: 40px;
        width: 40px;
        height: 40px;
    }
    .trade-history-currency{
        padding: 5px;
        margin-top: 15px;
        margin-bottom: 0!important;
    }
    .trade-history-currency #currency{
        font-size: 18px;
    }
    .arrow-up-img, .arrow-down-img{
        height: 75px;
        padding: 0;
    }
    .m-d-block{
        display: block!important;
    }
    .m-mt-3{
        margin-top: 10px!important;
    }
    .m-justify-content-between{
        justify-content: space-between!important;
    }
    .m-justify-content-end{
        justify-content: end!important;
    }
}



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

	.benefit-item p{
		margin-bottom: 20px;
	}

	.benefit-item .monthly-income .link,
	.benefit-item .monthly-income,
	.benefit-item .daily-income{
		font-size: 18px;
	}

    /*.user-avatar{*/
    /*    margin-right: 0!important;*/
    /*}*/
    .mobile-hide{
        display: none!important;
    }

    .banner-section .content-column{
        max-width: 100% !important;
    }

    .banner-section .content-column .inner-column{
        padding: 120px 0;
    }
    .default-tabs .tab-buttons{
        border-radius: 10px 10px 0 0;
        box-shadow: 0 0 10px rgba(0,0,0,.10);
    }
    .default-tabs .tab-buttons li{
        background: #fff2f2;
    }
    .mobile-storage{
        display: block;
    }
    .theme-btn{
        line-height: 1;
    }
    .default-form .form-group input[type="text"],
    .default-form .form-group input[type="email"],
    .default-form .form-group input[type="url"],
    .default-form .form-group input[type="number"],
    .default-form .form-group input[type="phone"],
    .default-form .form-group input[type="password"],
    .default-form .form-group input[type="date"],
    .default-form .form-group input[type="text"],
    .default-form .form-group input[type="file"],
    .default-form .form-group select,
    .default-form .form-group textarea {
        height: 40px;
        padding: 10px;
        padding-right: 10px;
    }
    .default-form label{
        font-size: 14px;
    }


	.instant-creation .tabs-btn-outer{
		left: 0;
	}

	.tabs-btn-outer{
		max-width: 280px;
	}

	.instant-creation .tabs-btn-outer{
		top: 0;
	}

	.large-container{
		padding: 0 15px;
	}

	.main-header .main-box{
		padding: 0 15px;
	}

	.banner-section h1{
		font-size: 30px;
	}

	.banner-section .text{
		font-size: 16px;
	}

	.subscribe-form .form-group input[type="text"],
	.subscribe-form .form-group input[type="email"]{
		padding-right: 20px;
	}

	.subscribe-form .form-group .theme-btn{
		position: relative;
		right: 0;
		display: block;
		width: 100%;
		margin-top: 10px;
	}

	.footer-nav{
		display: block;
		text-align: center;
	}

	.footer-links li{
		margin: 0;
		line-height: 30px;
	}

	.instant-creation{
		padding: 40px 0;
	}

	.default-tabs .storage-data-outer,
	.default-tabs .tab-buttons .tab-btn{
		padding: 10px 20px;
		font-size: 16px;
	}

	.main-footer.style-two .widgets-outer{
		padding-bottom: 20px;
	}

	.footer-menu{
		justify-content: center;
		margin-bottom: 30px;
	}

	.footer-links-two li,
	.footer-menu li{
		margin: 0 20px 0px;
		text-align: center;
	}

	.footer-links-two{
		align-items: center;
	}

	.main-footer .chat-link{
		position: relative;
		top: 0;
		right: 0;
		margin-top: 20px;
	}

	.recording-history li a{
		font-size: 14px;
	}

	.default-form .invite-btns{
		flex-wrap: wrap;
	}

	.default-form .invite-btns .theme-btn{
		width: 100%;
		margin: 0 0 10px;
	}

	.reminder-setting .reminder-input{
		margin: 10px 0 !important;
		width: 100%;
	}

	.creative-plan-table thead th{
		padding: 15px 30px;
		font-size: 16px;
	}

	.creative-plan-table .date-duration{
		font-size: 14px;
	}

	.creative-plan-table tr td{
		padding: 30px 30px 15px;
	}

	.recording-history-list li{
		font-size: 16px;
		margin-bottom: 5px;
	}


	.modal .modal-body{
		padding: 30px 20px;
	}

	.modal .title{
		font-size: 20px;
	}

	.recording-table thead th,
	.recording-table tr td{
		padding: 15px 25px;
		line-height: 20px;
	}

	.login-section .checkbox-outer label{
		font-size: 12px;
	}

	.login-section .form-box{
		padding: 40px 20px;
	}

	.course-info-list li{
		margin-bottom: 0;
		font-size: 14px;
	}


	.storage-data-two .storage-info{
		margin: 0 -10px;
	}

	.todo-list-outer{
		padding: 0;
		border: 0;
	}

	#search_time{
		font-size: 12px;
		line-height: 24px;
	}

	.loader {
		width: 180px;
	}

	.header-span{
		height: 68px;
	}

	.main-footer .chat-link a{
		padding-left: 20px;
	}

	.storage-data .storage-info h5,
	.storage-data-two .storage-info h5{
		font-size: 14px;
	}

	.storage-data .storage-info .storage-bar{
		margin-bottom: 5px;
	}

	.storage-data .storage-info .storage-limit{
		font-size: 12px;
	}

	.login-section .form-box .upper-box h4{
		font-size: 18px;
	}

	.login-section .login-form .verify-btn{
		position: absolute;
		right: 25px;
		top: 13px;
		font-size: 10px;
		line-height: 25px;
		padding: 0px 10px;
	}

	.login-section .form-box .upper-box .logo{
		margin-bottom: 40px;
	}

	.login-section .form-box .upper-box .logo img{
		max-width: 100px;
	}


	.login-section .checkbox-outer .checkbox{
		transform: scale(1.2);
	}

	.course-info-list-two li{
		width: 100%;
		margin-bottom: 10px;
	}

	.comment-box .inner-box{
		padding-left: 0;
	}

	.comment-box .user-img{
		position: relative;
		height: 70px;
		width: 70px;
	}

	.comment-box .comment-field-outer:before{
		display: none;
	}

	.comment-box .comment-field,
	.comment-box{
		padding: 20px;
	}

	.comments-info .info{
		display: block;
		width: 100%;
	}

	.pricing-block .price{
		position: relative;
		margin-top: 10px;
		top: 0;
	}

	.pricing-block .package-feature .inner{
		padding-left: 20px;
	}

	.pricing-block .package-feature{
		padding: 20px 30px;
	}

	.pricing-block .package-feature i.icon{
		left: -15px;
		top: 0;
	}

	.invoice-tips{
		padding: 20px 20px 10px;
	}

	.invoice-block .invoice-title h4{
		font-size: 16px;
	}

	.meeting-block.style-two .inner-box{
		flex-direction: column;
	}

	.meeting-block.style-two .image-box{
		max-width: 100%;
	}

	.meeting-block.style-two .meeting-countdown{
		position: relative;
		display: block;
		margin-top: 20px;
		right: 0;
		top: 0;
	}

	.meeting-block.style-two .meeting-optns{
		margin-top: 0;
	}


	.workorder-item .user-img{
		position: relative;
	}

	.workorder-item .inner-box{
		padding-left: 0;
	}

	.workorder-item .btn-box .theme-btn{
		padding: 10px 15px;
		font-size: 12px;
	}

	.radio-box{
		margin-right: 28px;
	}
}


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

	.product-block .product-info-list{
		position: relative;
		flex-direction: column;
		align-items: flex-start;
		padding: 15px 10px 0;
	}

	.product-block .content-box h4{
		padding: 15px 0;
	}

	.product-block .product-options{
		padding: 20px 0 10px;
	}

	.product-block .product-options .opt-btn{
		margin-right: 7px;
	}

	.product-block .product-info-list li:last-child{
		margin-left: 0;
		margin-right: 0;
	}

	.footer-menu li{
		margin: 0 10px 10px;
	}

	.footer-menu li a{
		font-size: 16px;
		line-height: 26px;
	}

	.storage-data .storage-info .storage-bar{
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}

}