.view-effect-caption button.button-reg, a.button-reg, .button-reg,  .button-org{
	bottom: 15px;
    left: auto;
    right: 15px;
    padding-top:8px;
}
.pricing-table {   
    display: flex;    
}
.pricing-table ul {   
    min-width: 230px;  
}
.custom .pricing-table ul.title-method li {
    text-align: left;
}
@media screen and (max-width: 1024px) {
    img{
        max-width: 100%;
        height: auto
    }
    .review_slider_panel .item img {
        margin: 0;
        padding: 0;
        width: 100%
    }
    
    #empCarousel .slider-content {
        font-size: 30px;
        height: 318px;
        line-height: 40px;
        margin: 0;
    }
    #empCarousel .slider-caption {
        font-size: 36px;
        line-height: 72px;
    }
    /*Product page*/
    .package-option-type .view-effect-caption p {
        font-size: 10px;
        line-height: 11px;
    }
.tvtma-megamnu .sf-menuW > li.item-menu > .drop-menu {
    min-width: 800px;  
}	
.tvtma-megamnu .sf-menuW > li.item-menu > .drop-menu li.item-menu {
    display: inline-block;
    font-size: 17px;    
    margin: 0 15px;    
}	
	
.pricing-table {   
    overflow-x: auto;
	overflow-y: hidden;
}	
	
.companies-table .calender-table-striped .tbody-row .table-cell {
    min-width: 300px;
    max-width: 350px;
}
#workspace-register-panel{
	width: auto
}
}

@media screen and (max-width: 980px) {
.works > div > div {
    min-height: 0px;
}
#empCarousel .slider-content {
     font-size: 20px;
    line-height: 30px;
    width: 33%;
    height: 244px;
}

  .employee_slide > .col-lg-12{
  	padding: 0;
  }
  .section-title {    
    font-size: 38px;    
}
  .main-row{
  	padding: 10px 0;
  }
	.mod_slideshowck .camera_wrap .camera_pag .camera_pag_ul li {
    margin: 0 0 0 10px;
	}

.emp-range-handler input[type="text"] {  
    width: 170px;
}
.review_slider_panel .left.carousel-control {
    left: -30px;
}
.review_slider_panel .right.carousel-control {
    right: -30px;
}
.review_slider_panel .carousel-control {
    width: 60px;
}
/*
 *  Product Page
 */

.package-option-type .col-sm-6 {
    display: inline-block;
    float: none;
    font-size: 0;
    margin: 0 auto 3px;
    padding: 0;
    width: 49%;
}
.package-option-type {
    text-align: center;
}
.pricing-table ul li a{
    min-width: 0;
    width: auto;
}
.article-with-sidebar{
	margin-top: -10px;
}

	#workspace-register-panel .table-responsive{
		border: 0;
		overflow: hidden
	}
	#workspace-register-panel .table-responsive *{
		display: block;
		margin: auto !important;
		text-align: center;
	}
	#workspace-register-panel .table-responsive td,
	.speaker-info{
		width: 100%;
	}
	#workspace-register-panel .button{
		margin-top: 20px !important
	}
}
@media screen and (max-width: 760px) {
    .top-row .mod_custom{
        display: block;
        float: left;
        margin: 0 auto 0 100px;
        width: 100%;
    }
    .top-row .mod_custom .tvtma-megamnu {
       display: block;
        float: left;
    }
    .logo-fleft {
        bottom: -90px;
        margin: 0;
        padding: 0;
        right: auto;
    }
    .top-row {
        min-height: 70px;
        padding-bottom: 0;
    }
    .top-row .mod_virtuemart_cart_tm {
        display: inline-block;
        float: right;
        margin: 0;
        padding: 0;
    }
    .top-row .mod_menu {
        margin-left: 100px;
    }
    .top-row .top .col-sm-8 {
        margin-top: 0px;
    }
    .slicknav_menu {
        margin-top: 10px;
    }
    .footer-row {
        text-align: center;
    }
    .footer-logo {
        text-align: center;
    }
    .footer-logo .site-logo_link {
        margin-bottom: 10px;
    }

    .hows-to-work-panel .works p.text{
        width: 88%;
    }
    .review_slider_panel .item img {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }
.slider-content {
    font-size: 28px;
    line-height: 40px;
    margin: 20px 15px;
    padding: 20px 15px;
    width: 94%;
}
.slider-caption {
    font-size: 40px;
    line-height: 90px;
    padding-left: 15px;
}
  .review_slider_panel .item img {
    margin:0;
}
   
  .section-title {    
    font-size: 34px;    
}
  .main-row{
  	padding: 20px 0;
  }
   
  .hows-to-work-panel .works p.text {
   	padding-top: 0px; 
  }
  .mod_slideshowck .camera_wrap .camera_pag .camera_pag_ul li {
    margin: 0 5px;
}
  .review_slider_panel .carousel-indicators li {   
    height: 15px;
    margin: 0 7px 5px;
    width: 15px;
}
  .signup-box {
    font-size: 16px;    
}
  .emp-range-handler input[type="text"] {  
    width: 152px;
}
  .emp-range-handler button {    
    width: 160px;
    margin-left: 15px;
    padding: 0 25px 0 0;
}
  .emp-range-handler span{
  	margin-left: 0;
  }
  .emp-range-handler > .seperator-panel{
  	margin-left: 15px;
  }
  
  
#empCarousel .slider-content {
    display: none;
}
.review_slider_panel .carousel-indicators {
    display: none;
}
.hows-to-work-panel .works p.text {
    width: 86%;
}
#empCarousel .slider-caption {
    font-size: 32px;
    text-align: center;
    padding: 0;
}
#custom-html {
    padding: 20px 0;
}
.emp-range-handler {
    margin-left: -10px;
    margin-right: -10px;
}
    
.cal-flex-container.full-width .cal-flex-item {
    font-size: 24px;
    padding: 20px 5px;
}
.cal-flex-container.full-width .cal-flex-item span {
    font-size: 10px;
    line-height: 14px;
}
.cal-flex-container.full-width .cal-info-panel, .cal-flex-container.full-width .cal-info-panel i {
    font-size: 14px !important;
}
/*
 *  Product Page
 */
  .page-desc p {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 30px;
    }
    .package-option h1 {
            font-size: 32px;
            line-height: 38px;
        }
    .package-type-diff {
        margin-bottom: 0;
    }
        .package-type-diff > div{
        margin-bottom: 20px;
    }

.view-effect-title span {   
    font-size: 56px;   
    line-height: 70px;   
}	
.view-effect-title h5 {
    font-size: 30px;  
    line-height: 30px;  
}
.package-option-box span {   
    font-size: 24px;    
    line-height: 30px;    
}	
.package-cell {  
    padding: 35px 20px;  
}	
	
	.article-with-sidebar,
	.article-content-area,
	.article-content-sidebar{
		width: 100%;
		display: block;
	}
	.article-content-area::before{
		display: none;
	}
	.showcase-text{
		font-size: 14px;
		line-height: 22px;
	}
	#social-share-panel{
		    position: relative;
			margin: 10px auto;
			text-align: center;
			display: block;
			font-size: 10px;
	}
}
@media screen and (max-width: 480px) {
	#wrapper.z-index{
		z-index: auto !important;
	}
	.btn-register{
		font-size: 18px;
		line-height: 20px;
		padding-bottom: 10px;
	}
.employee_slide {
    display: block;
    padding: 0;
}
#empCarousel .slider-caption{
    font-size: 22px;
    padding: 0;
    text-align: center;
}
.employee_slide > .col-lg-12 {
    padding: 0;
}
.slider-content {
    font-size: 30px;
    line-height: 40px;
    margin: 15px;
    padding: 30px 15px;
    width: 93%;
}
  .review_slider_panel .item img {
      margin: 0;
}
  .main-row{
  	padding: 20px 0;
  }
  .section-title {
    font-size: 26px;
   
}
  .works > .col-lg-6 > .col-lg-12{
  	padding: 0;
  }  
  .hows-to-work-panel .works p.text {
   	padding-top: 0px;
  
  }
  .emp-range-handler > .seperator-panel{
  	width: 100%;    
    margin: 0;
  }
  .emp-range-handler button {
   	margin-bottom: 30px; 
  }
  
    .hows-to-work-panel .works p.text {
        width: 80%;
    }
  .works .bg-hightlight {
        font-size: 26px;
        padding: 4px 10px;
    }
    /*
     *  Product Page
     */
    .package-option-type .col-sm-6 {
        margin-bottom: 20px;
        width: 100%;
    }
    .package-cell {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
.pricing-table{
    text-align: center
}
.pricing-table.four-column ul,
.pricing-table.five-column ul{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.pricing-table ul.title-method li {
    text-align: center;
}

.package-option-type .col-sm-6 {    
    width: 65%;
}












}
@media screen and (max-width: 360px) {
    .mod_slideshowck{
        display: block !important;
    }
.mod_yj_pop_login #login_pop {
    right: auto;
}
.employee_slide {
    display: block;
    padding: 0 0 15px;
}
.slider-caption {
    font-size: 30px;
    line-height: 70px;
    padding-left: 15px;
}
.employee_slide > .col-lg-12 {
    padding: 0;
}
.slider-content {
    font-size: 30px;
    line-height: 40px;
    margin: 15px;
    padding: 30px 15px;
    width: 90%;
}
  .review_slider_panel .item img {
    margin: 0;
}
  .section-title {
        font-size: 28px;
        line-height: 36px;
    }
 #empCarousel .slider-caption{
    font-size: 22px;
 }
  .main-row{
  	padding: 0;
  }
  .works > .col-lg-6 > .col-lg-12{
  	padding: 0;
  }  
  .hows-to-work-panel .works p.text {
   	padding-top: 0px; 
    font-size: 18px;
  }
  .signup-box{
  	font-size: 18px
  }
  .review_slider_panel .carousel-indicators .active {
 
    height: 15px;
    width: 15px;
}
  .review_slider_panel .carousel-indicators li {  
    height: 15px;
    margin: 6px 6px 0px;
    width: 15px;
}
  .emp-range-handler input[type="text"]{
  	width: 200px;
  	
  }
  .emp-range-handler > .seperator-panel{
  	width: 100%;
    margin: 0;
  }
  .emp-range-handler span{
  	margin-left: 0;
  }
  .emp-range-handler > div{
  	width: 100%   
    display: block;
    float: none;
    
  }
  .employee-counter{
  	width: 100%;
    
  }
  .emp-range-handler button{
  	margin-left: 0;
    margin-bottom: 30px;
  	
  }
    .emp-range-handler button {
        width: 180px;
    }
   
.top-row .tvtma-megamnu .sf-menuW > li.item-menu > .drop-menu {
    width: 100%;
}

.cal-flex-container.full-width, .cal-flex-container {
    padding: 0;
    width: auto;
}   
.cal-flex-container.full-width .cal-flex-item, 
.cal-flex-container .cal-flex-item {
    font-size: 20px;
    text-align: center;
    padding: 20px 5px;
}
.cal-flex-container.full-width .cal-flex-item span, 
.cal-flex-container .cal-flex-item span {
    font-size: 10px;
    line-height: 14px;
}
.cal-flex-container.full-width .cal-info-panel, .cal-flex-container.full-width .cal-info-panel i, 
.cal-flex-container .cal-info-panel, .cal-flex-container .cal-info-panel i {
    font-size: 14px !important;
    text-align: center;
}
.package-option-type .col-sm-6 {    
    width: 100%;
}

.package-type-diff-need h4{
	margin: 0;
}
.adv-img { 
    text-align: center;   
}
}
@media screen and (max-width: 320px) {
.section-title{
    font-size: 30px
}
.slider-caption {
    font-size: 30px;
    line-height: 70px;
    padding-left: 15px;
}
.employee_slide > .col-lg-12 {
    padding: 0;
}
.slider-content {
    font-size: 26px;
    line-height: 40px;
    margin: 15px;
    padding: 30px 15px;
    width: 90%;
}
  .review_slider_panel .item img {
     margin: 0;
}
 
 .main-row{
  	padding: 20px 0;
  } 
  .section-title {
    font-size: 26px;
   	margin-bottom: 20px;
}
  .works > .col-lg-6 > .col-lg-12{
  	padding: 0;
  }  
  .hows-to-work-panel .works p.text {
   	padding-top: 0px; 
    font-size: 16px;
  }
 
  .works > div {
    padding: 5px 0px;
}
  .review_slider_panel .carousel-indicators .active {
 
    height: 15px;
    width: 15px;
}
  .review_slider_panel .carousel-indicators li {  
    height: 15px;
    margin: 6px 6px 0px;
    width: 15px;
}

  .emp-range-handler input[type="text"]{
  	width: 200px;
  	
  }
  .emp-range-handler > .seperator-panel{
  	width: 100%;
    margin: 0;
  }
  .emp-range-handler span{
  	margin-left: 0;
  }
  .emp-range-handler > div{
  	width: 100%   
    display: block;
    float: none;
    
  }
  .employee-counter{
  	width: 100%;
    
  }
  .emp-range-handler button{
  	margin-left: 0;
    margin-bottom: 30px;
  	
  }
  .signup-box{
  	font-size: 15px
  }
  
  
  
}

/*
 *  New Home Page Responsive
 */

@media screen and (min-width: 970px) and (max-width: 1100px) {
.client-detail {
    width: 60%;
}
.address-client {   
    width: 50%;
}
.cult-step p {    
    height: 145px;    
}
.view-effect-caption-top-text {
    max-height: 220px;   
}
}
@media screen and (min-width: 768px) and (max-width: 970px) {
.clients .client-detail p {    
    font-size: 22px;   
}
.address-client > p {  
    font-size: 16px;   
}
.address-client {
    width: 50%;
}
.roadmap h2 {   
    font-size: 56px;   
}
.page-desc p {   
    font-size: 30px;  
    line-height: 34px;   
}
.package-cell {   
    padding: 10px;  
	margin-bottom: 50px;
}
.package-option-box span {    
    font-size: 24px;   
    line-height: 28px;
}
.package-cell .view-effect-caption-top ul li span {    
    font-size: 20px;    
}
.view-effect-caption-top-text {
    max-height: 260px;   
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.how-it-col {
	width: 50%;
}
.clients .client-detail p {   
    font-size: 18px;   
}
.address-client {    
    width: 50%;
}
.address-client > p {   
    font-size: 14px;    
}
.roadmap h2 {   
    font-size: 40px;   
}
.culture-steps .caption img {    
    height: 110px;
    margin: 5px;
    width: 42%;
}
.adv-img img {   
    max-width: 25%;
}
.roadmap .culture-steps .how-it-col {
    float: none;
    margin: 0 auto;
    width: 70%;
}
.roadmap .culture-steps .cult-step {
    min-height: auto;
}
.works-title, .how-it-works .works-title {
    font-size: 38px;
}
.package-cell {   
    padding: 10px;  
	margin-bottom: 50px;
}
.package-option-box span {    
    font-size: 24px;   
    line-height: 28px;
}
.package-cell .view-effect-caption-top ul li span {    
    font-size: 20px;    
}
.view-effect-caption-top-text {
    max-height: 230px;   
}









}
@media screen and (max-width: 640px) {
	.acount-info .acc-item-left, .acount-info .acc-item-right {
		width: 100%;
	}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.roadmap .culture-steps .how-it-col {
    float: none;
    margin: 0 auto;
    width: 80%;
}
.how-it-col {    
    width: 50%;
}
.clients .client-detail p {   
    font-size: 18px;   
}
.address-client {    
    width: 100%;
}
.address-client > p {   
    font-size: 14px;    
}
.roadmap h2 {   
    font-size: 36px;   
}
.culture-steps .caption img {    
    height: 110px;
    margin: 5px;
    width: 42%;
}
.how-it-works aside h2 {   
    font-size: 22px;    
}
.caption button.button-reg, button.button-reg, .button-org {   
    font-size: 16px;  
}
.caption-cont p {    
    font-size: 12px;   
}
.client-detail {
    width: 100%;
}
.winners h2 {   
    font-size: 22px;
}
.works-title, .how-it-works .works-title {
    font-size: 38px;
	margin-bottom: 0;
}
.slicknav_nav .drop-menu-mega { 
    display: block !important;
}
.slicknav_menu .slicknav_nav .slicknav_item {
    display: none;
}
.package-cell {   
    padding: 10px;  
	margin-bottom: 50px;
}
.package-option-box span {    
    font-size: 24px;   
    line-height: 28px;
}
.package-cell .view-effect-caption-top ul li span {    
    font-size: 20px;    
}
.view-effect-caption-top-text {
    max-height: 200px;   
}



}
@media screen and (min-width: 360px) and (max-width: 479px) {
.client-detail {
    width: 100%;
}
.clients .client-detail p {    
    font-size: 18px;    
}
.address-client {    
    width: 100%;
}
.work-last button.button-reg, .button-org {   
    min-width: 315px;
}
.winners h2 {   
    font-size: 22px;       
}
.adv-img img {   
    margin: auto 5px;
	max-width: 46%;
}
.culture-steps .caption img {   
    height: 100px;
    margin: 5px 10px;
    width: 115px;
}
.view-effect-caption button.button-reg, button.button-reg , .button-org{    
    font-size: 16px;   
}
.cult-step p {
    font-size: 17px;
}
.works-title, .how-it-works .works-title {
    font-size: 36px;
	margin-bottom: 10px;
}

.clients .client-detail h1 {   
    font-size: 50px;   
    margin-bottom: 15px;   
}
.roadmap h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
.custom .how-it-works .how-it-col h2 {
    text-align: left;
}
.page-desc p {
    font-size: 20px;
    line-height: 24px;
}
.package-option h1 {
    font-size: 30px;
}
.view-effect-title span {
    font-size: 56px;   
    line-height: 70px;   
}
.view-effect-title h5 {
    font-size: 32px;   
    line-height: 30px;   
}
.package-type-diff .package-type-diff-need h1 {   
    font-size: 28px; 
    line-height: 32px; 
}
.package-type-diff-need span {   
    font-size: 20px;   
    line-height: 24px; 
}
.package-type-diff > div {
    padding: 0;
}
.pricing-table ul {
    width: 100%;
}
.package-option h1, .small-bussines-panel .panel-title {
    font-size: 30px;   
    line-height: 34px;  
}
.view-effect-caption button.button-reg, a.button-reg, .button-reg, .button-org{
	bottom: 15px;
}
.how-it-works aside {
    margin-top: 10px;
}
.culture-steps .view-effect-caption img {
	margin: 5px;
}
.page-desc > div {
    padding: 0;
}
.package-option > div {
    padding: 0;
}
.package-option h1, .small-bussines-panel .panel-title {
    font-size: 26px;
    line-height: 26px;
}
.package-option h3, .small-bussines-panel .panel-content {   
    font-size: 20px; 
    line-height: 24px;   
}

.package-option-box span {    
    font-size: 24px;   
    line-height: 28px;
}
.package-cell {   
    padding: 10px;  
	margin-bottom: 50px;
}
.package-option-box span {    
    font-size: 24px;   
    line-height: 28px;
}
.package-cell .view-effect-caption-top ul li span {    
    font-size: 20px;    
}
.view-effect-caption-top-text {
    max-height: 230px;   
}












}
@media screen and (min-width: 320px) and (max-width: 359px) {
.client-detail {
    width: 100%;
}
.clients .client-detail p {    
    font-size: 18px;    
}
.address-client {    
    width: 100%;
}
.work-last button.button-reg, .button-org {   
    font-size: 16px;
    height: auto;
    min-width: 288px;
    padding: 5px;
}
.winners h2 {   
    font-size: 22px;       
}
.adv-img img {
    display: block;
    margin: 10px auto;
}
.culture-steps .caption img {   
    height: 100px;
    margin: 5px 10px;
    width: 115px;
}
.cult-step p {
    height: 145px;
}
.works-title, .how-it-works .works-title {
    font-size: 36px;
	margin: 0;
}
.clients .client-detail h1 {   
    font-size: 50px;   
    margin-bottom: 15px;   
}
.roadmap h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
.custom .how-it-works .how-it-col h2 {
    text-align: left;
}
.page-desc p {
    font-size: 20px;
    line-height: 24px;
}
.package-option h1 {
    font-size: 30px;
}
.view-effect-title span {
    font-size: 56px;   
    line-height: 70px;   
}
.view-effect-title h5 {
    font-size: 32px;   
    line-height: 30px;   
}
.package-type-diff .package-type-diff-need h1 {   
    font-size: 28px; 
    line-height: 32px; 
}
.package-type-diff-need span {   
    font-size: 20px;   
    line-height: 24px; 
}
.package-type-diff > div {
    padding: 0;
}
.pricing-table ul {
    width: 100%;
}
.package-option h1, .small-bussines-panel .panel-title {
    font-size: 30px;   
    line-height: 34px;  
}
.view-effect-caption button.button-reg, a.button-reg, .button-reg, .button-org{
	bottom: 15px;
}
.how-it-works aside {
    margin-top: 10px;
}
.culture-steps .view-effect-caption img {
	margin: 5px;
}
.page-desc > div {
    padding: 0;
}
.package-option > div {
    padding: 0;
}
.package-option h1, .small-bussines-panel .panel-title {
    font-size: 26px;
    line-height: 26px;
}
.package-option h3, .small-bussines-panel .panel-content {   
    font-size: 20px; 
    line-height: 24px;   
}
.package-cell {   
    padding: 10px;  
	margin-bottom: 50px;
}
.package-option-box span {    
    font-size: 24px;   
    line-height: 28px;
}
.package-cell .view-effect-caption-top ul li span {    
    font-size: 20px;    
}
.view-effect-caption-top-text {
    max-height: 260px;   
}
}

/*
 *  Register Popup Panel
 */
@media screen and (max-width: 400px) {
.register-box {
    width: 320px;
}
.count-contain .price-amt input {
    width: 100%;
}
.count-contain {
    text-align: center;
}
.count-contain .price-amt label {
    float: none;
    text-align: center;
}
}

/*
 *  End
 */