/* Base styles for all devices */

/* Mobile devices (up to 480px) */
@media only screen and (max-width: 480px) {
    
}

/* Tablets (481px to 768px) */
@media only screen and (min-width: 481px) and (max-width: 768px) {
}

/* Small laptops (769px to 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
}

@media only screen and (max-width: 769px) {
	.ms-Grid .ms-Grid-row .ms-Grid-col.ms-sm6 {width: 100%} 
	.ms-Grid .ms-Grid-row a.ctlr-btn {
	    word-break: break-word;
	}
	.ms-Modal div[class*="main_"] .ms-Dialog-content .section tbody td {
    border-bottom: 1px solid #ddd;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    div[class*="main_"] .ms-Dialog-content .section tbody td img {
		width: 12px;
    	height: auto;
	}
	
	.s007 form .inner-form .advance-search {
	width:100% !important;
}

.search-result.new-job .content .DocDescription span.save {
	height: 55px;
    overflow: hidden;
    word-break: break-word;
    max-height: 55px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

}

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

}
/* Desktops (1025px and up) */
@media only screen and (min-width: 768px) and (max-width: 1025px) {
.s007 form .inner-form {
    width: 80% !important;
    margin: 0 auto !important;
}

}

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

.main-content {
	padding-top: 0;		
} 

.upload-btn {
    width: 100% !important;
    height: 45px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}




/* ***********************************************************************  */

.s007 form {
	max-width: 100% !important;
}
.s007 form .inner-form .basic-search {
	width: 100% !Important; margin-top: 5px !important;
}
.s007 form .inner-form .basic-search .input-field {
	width: 100% !important;
}
.s007 form .inner-form .basic-search .input-field .icon-wrap {
    display: none !important;
}
.s007 form .inner-form .basic-search .input-field .icon-wrap svg {
        width: 20px !important;
        height: 20px !important;
    }
.s007 form .inner-form .basic-search .input-field input {
        padding: 10px 60px 10px 10px !important;border-radius: 20px;
        box-shadow: 1px 3px 10px #cecece !important;    }
        
.s007 form .inner-form .basic-search .input-field .result-count {
    right: 3px !important; justify-content: flex-end !important;
}

.s007 form .inner-form .basic-search .input-field .result-count button {
    border-radius: 20px !important;
    min-width: 70px !important;
    margin: 0;
    width: 70px;
    height: 44px !important;
 }

.s007 form .inner-form .advance-search {
	display: flex;
    justify-content: center;
    flex-direction: column;
} 

.s007 form .inner-form .advance-search .inner-form {
	padding: 10px 15px !important;
}

.s007 form .search-result span {
    margin-top: 5px;
}

 }
 
@media only screen and (min-width: 1024px) and (max-width: 1367px) { 

.s007 form .inner-form .basic-search .input-field {
	width: 100% !important;
}
.s007 form .inner-form .basic-search .input-field .icon-wrap {
    display: none !important;
}
.s007 form .inner-form .basic-search .input-field .icon-wrap svg {
        width: 20px !important;
        height: 20px !important;
    }
.s007 form .inner-form .basic-search .input-field input {
        padding: 10px 60px 10px 10px !important;border-radius: 20px;
        box-shadow: 1px 3px 10px #cecece !important;    }
        
.s007 form .inner-form .basic-search .input-field .result-count {
    right: 3px !important; justify-content: flex-end !important;
}

.s007 form .inner-form .basic-search .input-field .result-count button {
        border-radius: 20px !important;
        min-width: 70px !important;
        margin: 0;
        width: 150px;
        height: 44px !important;
        font-size: 16px;
    }
.s007 form .inner-form .advance-search {
	display: flex;
	    width: 100% !Important;
    justify-content: center;
    flex-direction: column;
} 

.s007 form .inner-form .advance-search .inner-form {
	padding: 10px 15px !important;
}

.s007 form .search-result span {
    margin-top: 5px;
}

.search-result.new-job .content .DocDescription span.save {
	height: 55px;
    overflow: hidden;
    word-break: break-word;
    max-height: 55px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}



}

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