@charset "utf-8";

/*** This media only for banner. above 640px to more... ***/

/*@media screen and (min-width:641px) {
    .banner .banner-block a img {
        min-width: 1000px;
        margin-left: -330px;
        transform: scale(1.2);
    }
	
    }*/


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

     MEDIA QUERY FOR DEVICE WIDTH MORE THEN 640px STARTS

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

     @media screen and (min-width:640px) {
    /****************************************************
     My Profile Page Css Starts Here
     ****************************************************/
     .freelancer-details-left {
        width: 20% !important;
    }
    .freelancer-details-right {
        width: 80% !important;
    }
		
     .user-details .user-details-left {
        float: left;
        width: 33%;
        /* width: 20%; */
        margin: 0;
    }
    .user-details .user-details-right {
        float: right;
        width: 67%;
        /* width: 80%; */
        padding: 0 0 0 40px;
    }
    .user-details-right ul li {
        margin: 0 0 25px;
    }
		
    .user-extra-details ul li {
        margin: 0 0 22px;
    }
    .user-extra-details ul li .city {
        float: left;
        width: 50%;
        margin: 0;
    }
    .user-extra-details ul li .country {
        float: right;
        width: 50%;
    }
   /*  .user-details .user-details-left .user-profile-image img {
       margin: 0 0 10px;
       } */
		 .user-details .user-details-left a {
        text-align: left;
    }
    /****************************************************
     Employee Css Starts Here(All Jobs page css)
     ****************************************************/
     .choose-employee {
        margin-left: 30px;
    }
    .choose-employee li {
        width: 28%;
        margin: 0 1.5% 0 0;
        position: relative;
    }
    .choose-employee.with-optional li:last-child {
        margin-right: 0;
        margin-left: 8.5%;
    }
    .choose-employee.with-optional li:last-child::before {
        content: "OR";
        position: absolute;
        left: -52px;
        top: 49%;
        font-size: 16px;
        font-weight: 600;
        color: #105157;
    }


}


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

     *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 768px STARTS

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

     @media screen and (min-width:768px) {
    /****************************************************
     Home Page Css Starts Here
     **************************************************/
     /** Header Css Starts Here **/
     header {
        padding: 33px 0 33px;
    }
    header .logo {
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
    }
    header .call-us {
        text-align: right;
        margin: 0 0 18px;
    }
    header .call-us p span {
        display: block;
        margin: 3px 0 0 0;
    }
    header .employers {
        text-align: right;
    }
    header .employers label {
        display: inline-block;
    }
    header .employers input[type="text"] {
        margin: 0 0 0 12px;
    }
    header .employers input[type="text"].adv-jobs {
        width: 130px;
    }
    header .employers .emp-find-search {
        display: inline-block;
        margin: 0 0 0 12px;
    }
    header .employers .emp-find-search.emp-find-cv {
        width: 186px;
    }
    header .employers .emp-find-search.emp-find-free {
        width: 227px;
    }
    .main-navigation-menus select {
        width: 120px;
    }
    .main-navigation .user-login-bnts {
        text-align: right;
        margin: 10px 0;
    }
    .main-navigation .user-login-bnts a {
        margin: 0 0 0 5px;
        width: auto;
    }
    /*** Small header starts here ***/
    .small-header {
        padding: 40px 0;
    }
    .small-header ul.header-login-links {
        margin: 15px 0 0;
        text-align: right;
    }
    /*** Main navigation Css Starts Here ***/
    .main-navigation-menus ul li {
        display: inline-block;
        margin: 0;
    }
    .notify-links {
        margin: 0;
        padding: 0px;
        text-align: right;
    }
    .main-navigation-menus ul li.submenus ul {
        position: absolute;
        top: 100%; 
        left: 0;
        width: 220px;
    }
    .main-navigation-menus {
        display: block !important; 
    }
    .main-navigation-menus ul.tools-list {
        text-align: right;
    }
    .mega-search-box {
        margin-bottom: 0;
    }
    /*** Banner Css Starts Here ***/
    .banner .banner-block {
        position: relative;
    }
    .banner .banner-block .banner-content {
        position: absolute;
        top: 10px;
        left: 20px;
        width: 100%;
        display: block;
    }
    .banner .banner-block a img {
        margin-left: 0;
        transform: scale(1);
        width: 100%;
    }
    .banner .banner-block .banner-content p {
        color: #ac2847;
        font-size: 16px;
        line-height: 28px;
        font-family: 'Numans-Regular';
    }
    .banner .banner-block .banner-content blockquote {
        color: #ac2847;
        font-family: 'Numans-Regular';
        font-size: 20px;
        margin: 10px 0;
        line-height: normal;
        border-left: none;
        position: relative;
        padding: 0 30px;
    }
    .banner .banner-block .banner-content blockquote:before {
        content: "“";
        display: block;
        font-family: "Numans-Regular";
        font-size: 46.88px;
        left: 0;
        position: absolute;
        top: -7px;
    }
    .banner .banner-block .banner-content blockquote span.right-quote {
        display: inline-block;
        font-family: "Numans-Regular";
        font-size: 46.88px;
        height: 0;
        line-height: 6px;
        padding-right: 10px;
        transform: rotate(-180deg);
    }
    .banner .owl-carousel .owl-controls {
        bottom: 0;
        display: block;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .banner .owl-carousel .owl-dot {
        display: inline-block;
        height: 5px;
        margin: 5px;
        width: 5px;
    }
    .banner .owl-carousel .owl-dot {
        height: 13px;
        width: 13px;
        background: url("../images/skilzpage-sprite-image.png") no-repeat 0 0;
    }
    .banner .owl-carousel .owl-dot:nth-child(1) {
        background-position: -595px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(1):hover, .banner .owl-carousel .owl-dot:nth-child(1):focus, .banner .owl-carousel .owl-dot:nth-child(1).active {
        background-position: -595px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(2) {
        background-position: -617px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(2):hover, .banner .owl-carousel .owl-dot:nth-child(2):focus, .banner .owl-carousel .owl-dot:nth-child(2).active {
        background-position: -617px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(3) {
        background-position: -640px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(3):hover, .banner .owl-carousel .owl-dot:nth-child(3):focus, .banner .owl-carousel .owl-dot:nth-child(3).active {
        background-position: -640px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(4) {
        background-position: -663px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(4):hover, .banner .owl-carousel .owl-dot:nth-child(4):focus, .banner .owl-carousel .owl-dot:nth-child(4).active {
        background-position: -663px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(5) {
        background-position: -685px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(5):hover, .banner .owl-carousel .owl-dot:nth-child(5):focus, .banner .owl-carousel .owl-dot:nth-child(5).active {
        background-position: -685px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(6) {
        background-position: -595px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(6):hover, .banner .owl-carousel .owl-dot:nth-child(1):focus, .banner .owl-carousel .owl-dot:nth-child(1).active {
        background-position: -595px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(7) {
        background-position: -617px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(7):hover, .banner .owl-carousel .owl-dot:nth-child(2):focus, .banner .owl-carousel .owl-dot:nth-child(2).active {
        background-position: -617px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(8) {
        background-position: -640px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(8):hover, .banner .owl-carousel .owl-dot:nth-child(3):focus, .banner .owl-carousel .owl-dot:nth-child(3).active {
        background-position: -640px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(9) {
        background-position: -663px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(9):hover, .banner .owl-carousel .owl-dot:nth-child(4):focus, .banner .owl-carousel .owl-dot:nth-child(4).active {
        background-position: -663px -67px;
    }
    .banner .owl-carousel .owl-dot:nth-child(10) {
        background-position: -685px -44px;
    }
    .banner .owl-carousel .owl-dot:nth-child(10):hover, .banner .owl-carousel .owl-dot:nth-child(5):focus, .banner .owl-carousel .owl-dot:nth-child(5).active {
        background-position: -685px -67px;
    }
    /********** container section *******/
    .container-section {
        padding: 50px 0
    }
    .container-section .resp-tab-content {
        padding: 15px;
    }
    .container-section .resp-tabs-list.multi-color {
        padding: 0 0 0 30px;
    }
    .container-section .resp-tabs-list li:nth-child(1).resp-tab-active, .container-section .resp-tabs-list li:nth-child(2).resp-tab-active, .container-section .resp-tabs-list li:nth-child(3).resp-tab-active, .container-section .resp-tabs-list li:nth-child(4).resp-tab-active {
        background-color: #fff !important;
        color: #105157;
    }
    .container-section .resp-tabs-list.multi-color li:nth-child(1) {
        background-color: #105157 !important;
        color: #fff;
    }
    .container-section .resp-tabs-list.multi-color li:nth-child(2) {
        background-color: #e47425 !important;
        color: #fff;
    }
    .container-section .resp-tabs-list.multi-color li:nth-child(3) {
        background-color: #a4294e !important;
        color: #fff;
    }
    .container-section .resp-tabs-list.multi-color li:nth-child(4) {
        background-color: #55328c !important;
        color: #fff;
    }
    .container-section .salary-choose-options .resp-tabs-list li {
        padding: 6px 10px 4px;
    }
    /********* about section*****************/
    .about-right-section {
        margin-top: 100px
    }
    /** find-jobs-section Css Starts Here **/
    .find-jobs-section {
        padding: 50px 0;
    }
    .find-jobs-section h1 {
        text-align: right;
    }
    .find-jobs-section .resp-tab-content {
        padding: 50px 30px 30px;
    }
    .find-jobs-section .resp-tabs-list {
        padding: 0 0 0 30px;
    }
    .find-jobs-section .resp-tabs-list li:nth-child(1).resp-tab-active, .find-jobs-section .resp-tabs-list li:nth-child(2).resp-tab-active, .find-jobs-section .resp-tabs-list li:nth-child(3).resp-tab-active, .find-jobs-section .resp-tabs-list li:nth-child(4).resp-tab-active {
        background-color: #fff !important;
        color: #105157;
    }
    .find-jobs-section .resp-tabs-list li:nth-child(1) {
        background-color: #105157 !important;
        color: #fff;
    }
    .find-jobs-section .resp-tabs-list li:nth-child(2) {
        background-color: #e47425 !important;
        color: #fff;
    }
    .find-jobs-section .resp-tabs-list li:nth-child(3) {
        background-color: #a4294e !important;
        color: #fff;
    }
    .find-jobs-section .resp-tabs-list li:nth-child(4) {
        background-color: #55328c !important;
        color: #fff;
    }
    .find-jobs-section .salary-choose-options .resp-tabs-list li {
        padding: 6px 10px 4px;
    }
    .fewer-options-link {
        /*    margin: 20px 0 10px; */
    }
    .Jobs-tab-content .form-group.radius-block input {
        width: 115px;
        margin: 0 5px 0 0;
    }
    .Jobs-tab-content .form-group.radius-block select {
        width: 90px;
        margin: 0 5px 0 0;
        background-position: 87% 50%;
    }
    .Jobs-tab-content .form-group.radius-block a {
        padding: 8px 20px 7px;
    }
    .Jobs-tab-content .salary-choose-options ul li a {
        margin: 0;
    }
    /*** 2 nd tab ***/
    .Jobs-tab-content .form-group.currency-block select {
        width: 200px;
        margin: 0 15px 0 0;
        background-position: 95% 50%;
    }
    .Jobs-tab-content .form-group.currency-block a {
        padding: 8px 20px 7px;
    }
    /*** 4 nd tab ***/
    .find-job-tab-four .form-group.currency-block input {
        width: 200px;
        margin: 0 15px 0 0;
    }
    .find-job-tab-four .form-group.currency-block a {
        padding: 8px 20px 7px;
    }
    /*** inner-tab-container ***/
    .inner-tab-container ul.inner-tabs-menu li {
        display: inline-block;
    }
    /*** find jobs section Css Ends Here ***/
    /*** Featured employers Css Starts Here ***/
    .featured-employers {
        padding: 50px 0 0;
    }
    .logo-slider {
        /* padding: 30px 0 00px; */
        width: 90%;
        margin: 0 auto;
    }
    .logo-slider .owl-controls .owl-nav {
        display: block;
    }
    .logo-slider .owl-controls .owl-nav .owl-prev {
        background-image: url(../images/left-arrow.png);
        background-repeat: no-repeat;
        height: 41px;
        left: -5%;
        position: absolute;
        text-indent: -9999px;
        top: 20px;
        width: 22px;
    }
    .logo-slider .owl-controls .owl-nav .owl-next {
        background-image: url(../images/right-arrow.png);
        background-repeat: no-repeat;
        height: 41px;
        right: -5%;
        position: absolute;
        text-indent: -9999px;
        top: 20px;
        width: 22px;
    }
    .logo-slider .owl-controls .owl-dots {
        display: none !important;
    }
    .video-block .video-container {
        margin: 0;
    }
    /*** Featured employers Css Ends Here ***/
    /*** Try skillpage local section Css start Here ***/
    .skillpage-local-block {
        /* padding: 50px 0; */
    }
    .skillpage-local-block .skill-top h3 {
        font-size: 24px;
    }
    .skillpage-local-block .skill-top p {
        font-size: 16px;
    }
    .skillpage-local-block .view-cat {
        font-size: 15px;
        float: right;
    }
    .category-box .cat-name {
        font-size: 16px;
    }
    /*** Try skillpage local section Css end Here ***/
    /*** Job Info Css start Here ***/
    .job-info-block ul li {
        width: 20%;
        float: left;
        margin-bottom: -3000px;
        padding-bottom: 3000px;
    }
    .job-info-block ul li .job-post-box {
        padding: 24px 0 24px 15px;
    }
    .job-info-block ul li .job-post-box img {
        max-width: 90%;
        margin: 0;
    }
    .job-info-block ul li .job-post-box p {
        padding: 0 2%;
        text-align: left;
    }
    /*** Job Info Css end Here ***/
    /*** Video Interview start Here ***/
    .video-interview-block {
        /* padding: 50px 0 0; */
    }
    .video-interview-block h3 {
        /* font-size: 23px;
        margin-bottom: 50px; */
    }
    .video-interview-block .interview-box {
        margin-bottom: 30px;
    }
    /*** Video Interview end Here ***/
    /*** Video interview steps block Starts Here ***/
    .Video-interview-steps-block {
        /* padding: 50px 0 0; */
    }
    .interview-steps li.interview-step-box {
        float: left;
        width: 20%;
        margin-bottom: -3000px;
        padding: 0 0 3000px;
    }
    .interview-steps .interview-step-box .interview-step-content {
        padding: 20px 15px;
    }
    /*** Video interview steps block Ends Here ***/
    /*** Colleges universities Css Starts Here ***/
    .colleges-universities {
        padding: 50px 0;
    }
    .gradzone {
        background-position: center center;
        padding: 60px 0;
        margin-top: 60px;
    }
    /*** Colleges universities Css Ends Here ***/
    /*** Testimonial slider Css Ends Here ***/
    .testimonial-slider {
        width: 90%;
        margin: 0 auto;
    }
    .testimonial-slider-block {
        background-color: #ebeced;
        padding: 50px 0;
    }
    .testimonial-slider-block .owl-controls .owl-nav {
        display: block;
    }
    .testimonial-slider-block .owl-controls .owl-nav .owl-prev {
        background-image: url(../images/left-arrow.png);
        background-repeat: no-repeat;
        height: 41px;
        left: -5%;
        position: absolute;
        text-indent: -9999px;
        top: 45%;
        width: 22px;
    }
    .testimonial-slider-block .owl-controls .owl-nav .owl-next {
        background-image: url(../images/right-arrow.png);
        background-repeat: no-repeat;
        height: 41px;
        right: -5%;
        position: absolute;
        text-indent: -9999px;
        top: 45%;
        width: 22px;
    }
    .testimonial-slider-block .owl-controls .owl-dots {
        display: none !important;
    }
    /*** Testimonial slider Css Ends Here ***/
    /*** Footer Css Starts Here ***/
    footer .footer-logo {
        display: inline-block;
    }
    .footer-links {
        overflow: hidden;
    }
    footer .footer-links-block {
        border-bottom: 0;
        border-left: 1px solid #fff;
        padding-left: 30px;
        text-align: left;
    }
    .footer-links-block.ftr-skillzpage-block {
        border-bottom: 0;
        margin-bottom: -3000px;
    }
    footer .footer-links-block ul {
        margin: 0 0 40px;
    }
    .ftr-skillzpage-block .skillzpage-links {
        display: block;
        float: inherit;
    }
    .ftr-skillzpage-block .ftr-social-icons {
        display: block;
        float: left;
    }
    footer .footer-user-login-bnts {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    footer .footer-user-login-bnts a {
        display: block;
    }
    /*** Login page small footer css starts here ***/
    .small-footer .footer-logo {
        margin: 0;
    }
    .small-footer ul {
        margin: 13px 0 0 0;
    }
    .small-footer ul li {
        display: inline-block;
    }
    .small-footer ul li a {
        padding: 0 20px;
    }
    .small-footer ul li a:before {
        position: absolute;
        right: 0;
        top: 0;
        content: '/';
        font-weight: bold;
    }
    .small-footer ul li:last-child a:before {
        content: '';
    }
    /*** Login page small footer ends here ***/
    /****************************************************
    /**************** freelancer page **/

    h2.freelance-heading { line-height: 55px; font-size: 25px; }
    .green-strip { text-align: left;  }


    My Profile Page Css Starts Here
     /****************************************************
    .main-navigation-menus.my-profile-navigation {
        /* text-align: right; */
    }
    .my-profile-navigation ul li select {
        margin: 0 15px 0 0;
    }
    /*** User-profile ***/
    .user-profile-container {
        padding: 30px;
        margin: 0;
    }
    .user-details .user-details-right {
        padding: 0 0 0 20px;
    }
    .user-details .user-details-right h6 {
        margin: 8px 0 25px;
    }
    .user-details .user-details-left a {
        text-align: left;
    }
    /*** Add block ***/
    .add-block h6 {
        margin: 6px 0;
        padding: 0 0 0 50px;
        text-align: left;
    }
    .add-block.add-experience h6 .green-box-icon {
        top: -6px;
        left: 0px;
        margin: 0;
    }
    .add-block.add-education h6 .book-icon {
        top: -2px;
        left: 0px;
        margin: 0;
    }
    .add-block a {
        padding: 8px 30px 7px;
    }
    .add-employment-exp-form a.attachment-link {
        display: inline-block;
        margin: 0 0 15px;
    }
    /*** Social media form ***/
    .social-media-form .form-group input[type="text"] {
        width: 84%;
    }
    /**.upload-more-block a {
        padding: 8px 30px 7px;
        margin: 5px 10px;
        display: inline-block;
    }
    .upload-more-block .link-block {
        text-align: right;
        }**/
        .upload-more-btns {
            text-align: right;
        }
        /*** Add employment exp form ***/
        .add-employment-exp-form .form-group label {
            margin: 7px 0 5px;
        }
        .add-employment-exp-form textarea {
            height: 200px;
        }
        .add-employment-exp-form .form-group input[type="text"] {
            margin: 0;
        }
        .add-employment-exp-form .form-group input[type="date"] {
            margin: 0;
        }
        .add-employment-exp-form .save-cancel-btns a {
            margin: 10px 15px 5px 0;
        }
        .add-employment-exp-form .attachment-link {
            display: block;
        }
        /*** Add academic form ***/
        .add-academic-form .form-group label {
            margin: 7px 0 5px;
        }
        .add-academic-form .form-group input[type="text"] {
            margin: 0;
        }
        .add-academic-form .form-group input[type="date"] {
            margin: 0;
        }
        .add-academic-form .save-cancel-btns a {
            margin: 10px 15px 5px 0;
        }
        .add-academic-form .upload-item .uploaded-file-label {
            display: inline-block;
            width: 65%;
            float: left;
        }
        .add-academic-form .upload-item .upload-block {
            display: inline-block;
            width: 35%;
            text-align: right;
        }
        .add-academic-form .upload-block .custom-file-upload {
            width: auto;
        }
        /*** freelancers-form Details ***/
        .freelancers-form .form-group .radio-buttons-block {
            margin: 0;
        }
        .freelancers-form .upload-item .uploaded-file-label {
            display: inline-block;
            width: 65%;
            float: left;
        }
        .freelancers-form .upload-item .upload-block {
            display: inline-block;
            width: 35%;
            text-align: right;
        }
        .freelancers-form .upload-block .custom-file-upload {
            width: auto;
        }
        /*** Instred table block ***/
        .instrest-block .instrest-dig-logo {
            width: 105px;
        }
        .instrest-block .instred-table-body ul li {
            margin: 17px 22px;
        }
        .languages-know-block .instred-table-body select {
            margin-bottom: 0;
            border-width: 0;
        }
        .languages-know-block .instred-table-head [class*="col-"] {
            border-right: 1px solid #105157;
        }
        .languages-know-block .instred-table-body [class*="col-"] {
            border-right: 1px solid #105157;
        }
        /*close */
    /**********************************************************
     Inner page meddle part css
     **********************************************************/
     .inner-page-meddle-part {
        padding: 30px;
        margin: 0;
    }
    /**********************************************************
     Inner page container Css Starts Here
     ***********************************************************/
     .inner-page-container {
        margin: 0;
        padding: 40px 0;
    }
    .inner-page-container .border-details-block {
        margin: 0 0 30px;
    }
    /*********************************************************
     Compare And View Salaries Page Css Starts Here
     *********************************************************/
     .compare-salaries .salary-search-block .custom-btn {
        margin: 22px 0 0 0;
    }
    /**********************************************************************************************************
     Interview Review Page Css Starts Here
     **********************************************************************************************************/
     .submit-btn-block .custom-btn {
        display: inline-block;
        margin: 0 1px;
    }
    .custom-datepicker .input-group-addon {
        padding: 6px 9px 5px;
    }
    .qsn-ans-block .link-block {
        text-align: right;
    }

    /**********************************************************************************************************
     View Interview Reviews Page Css Starts Here
     **********************************************************************************************************/
     .view-company-details {
        margin: 0 0 40px;
    }
    .view-company-details .company-size {
        text-align: right;
        margin: 5px 0 0;
    }
    .review-content .top-feedback-buttons {
        float: right;
    }
    .reviewer-block {
        display: table;
        width: 100%;
    }
    .reviewer-block .reviewer-image {
        display: table-cell;
        vertical-align: top;
    }
    .reviewer-block .reviewer-content-area {
        display: table-cell;
        vertical-align: top;
        margin: 0;
    }
    .view-comments-block .comment-item {
        display: table;
        width: 100%;
    }
    .view-comments-block .comment-item .cmt-author-image {
        display: table-cell;
        vertical-align: top;
    }
    .view-comments-block .comment-item .cmt-content {
        display: table-cell;
        vertical-align: top;
        margin: 0;
    }
    /*** view interview main tabs ***/
    .view-interview-main-tabs .main-tab-menu-block {
        display: block;
    }
    .view-interview-main-tabs ul li {
        display: inline-block;
        float: left;
        margin: 0 4px 0 0;
        padding: 5px 15px;
    }
    .view-interview-main-tabs .resp-tab-content {
        padding: 30px 20px;
    }
    /*** view-interview-sub-tabs ***/
    .view-interview-main-tabs .sub-tab-menu-block {
        display: block;
    }
    .view-interview-main-tabs .vi-inner-tabs-menus li {
        margin: 0 2px 0 0;
    }
    .view-interview-main-tabs .vi-inner-tabs-menus li a {
        padding: 7px 5px;
    }
    /**********************************************************************************************************
     Login Page Css Starts Here
     **********************************************************************************************************/
     .login-page .border-details-block {
        min-height: 336px;
    }
    .new-to-skillznet .link-block a {
        margin: 26px 0;
    }
    /**********************************************************************************************************
     Forgot Page Css Starts Here
     **********************************************************************************************************/
     .forgot-pw-page .border-details-block {
        margin: 0;
    }
    .reset-pw-page .border-details-block {
        margin: 0;
    }
    /**********************************************************************************************************
     Registration page Css Starts Here
     **********************************************************************************************************/
     .registration-page .reg-social-buttons li {
        margin: 0 5px 10px;
    }
    .registration-page .reg-social-buttons li a {
        font-size: 15px;
    }
    .registration-page .reg-social-buttons li a.custom-btn {
        padding: 10px 15px 5px;
    }
    .registration-page .border-details-block {}
    /**********************************************************************************************************
     Search company page Css Starts Here
     **********************************************************************************************************/
     .search-cmp-user-options {
        text-align: right;
    }
    .search-cmp-user-options li {
        display: block;
        margin: 0 0 5px;
    }
    .search-cmp-user-options li span {
        margin: 0 5px 0;
    }
    .line-chart {
        padding: 0;
        margin: 50px 0;
        width: 100%;
    }
    .line-chart li {
        display: inline-block;
        width: 20%;
        padding: 0;
        text-align: center;
    }
    .line-chart li label {
        position: relative;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }
    .line-chart li:nth-child(odd) label {
        border-bottom: 7px solid #105157;
        border-right: none;
    }
    .line-chart li:nth-child(even) label {
        border-bottom: 7px solid #7A9A97;
        border-right: none;
    }
    .line-chart li:nth-child(odd) label:before {
        position: absolute;
        bottom: -16px;
        left: 50%;
        content: "";
        display: inline-block;
        margin-left: -10px;
        width: 18px;
        height: 10px;
        background: url("../images/skilzpage-sprite-image.png") no-repeat 0 0;
        background-position: -172px -570px;
        display: inline-block;
        background-position: -492px -198px;
        transform: rotate(0deg);
        top: inherit;
    }
    .line-chart li:nth-child(even) label:before {
        position: absolute;
        bottom: -16px;
        left: 50%;
        content: "";
        display: inline-block;
        margin-left: -10px;
        width: 18px;
        height: 10px;
        background: url("../images/skilzpage-sprite-image.png") no-repeat 0 0;
        background-position: -172px -570px;
        display: inline-block;
        background-position: -521px -198px;
        transform: rotate(0deg);
        top: inherit;
    }
    .line-chart li .line-chart-value {
        padding: 20px 0 0;
        display: block;
        width: 100%;
    }
    .view-pages-links a {
        margin: 0;
    }
    /**********************************************************************************************************
     Jobseeker settings page Css Starts Here
     **********************************************************************************************************/
     .vtab2-tooltip .vtab2-tooltip-content {
        position: absolute;
        right: -18px;
        top: 30px;
        width: 300px
    }
    .vtab-head-text {
        margin: 0 0 15px;
    }
    .vtab2-tooltip-content::before {
        background: #105157 none repeat scroll 0 0;
        content: "";
        height: 20px;
        right: 15px;
        position: absolute;
        top: -10px;
        transform: rotate(45deg);
        width: 20px;
    }
    .vtab2-tooltip .vtab2-tooltip-icon {
        margin: 0;
    }
    .vtab2-tooltip .vtab2-tooltip-icon, .vtab2-content-block-head p {
        display: inline-block;
    }
    /*** footer fixed at bottom if not sufficient data css starts here ***/
    .main-wapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -104px;
    }
    .main-wapper-pushdown {
        height: 104px;
    }
    .small-footer {
        height: 104px;
    }
    /**********************************************************************************************************
     video interview page Css Starts Here
     **********************************************************************************************************/
     .questions-item {
        padding: 15px 15px 0;
        /* min-height: 225px; */
    }
    .conduct-video-interview .questions-item {
        padding: 15px 15px 0;
        /* min-height: 225px; */
    }
    /************* menu list **********/
    .sidebar-menu-list {
        display: block;
    }
    /**********************************************************************************************************
 Jobs page Css Starts Here
 **********************************************************************************************************/
 .jobpage-content-head {
    padding: 10px 20px;
}
.jobpage-content-head h5 {
    float: left;
}
.jobpage-content-head select {
    width: 150px;
    float: right;
}
.jobpage-menu-list {
    display: block;
}
.jobpage-content .job-location-block li {
    margin: 0;
}
.jobpage-content .salary-range-item {
    clear: both;
    display: block;
}
.jobpage-content .salary-range-item .currency-select {
    display: inline-block;
    width: 15%;
}
.jobpage-content .salary-range-item input {
    display: inline-block;
    width: 25%;
}
.jobpage-content .salary-range-item span {
    display: inline-block;
    width: 5%;
    font-size: 12px;
}
.jobpage-content .salary-range-item .time-select {
    display: inline-block;
    width: 25%;
}
.jobpage-content .salary-range-block .checkbox-block {
    margin: 5px 20px 5px 0;
    display: inline-block;
}
.jobpage-content .abilities-block p {
    display: block;
    margin: 0 0 15px 0;
}
.jobs-benefits-block .job-checkbox-block .checkbox-block:last-child {
    margin: 0;
}
.jobpage-content .jobs-benefits {
    margin: 0 0 20px 0;
}
.jobpage-content .jobs-benefits ul {
    margin: 0;
    padding: 0;
}
.jobpage-content .jobs-benefits ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 49%;
}
.jobpage-content .jobs-benefits .link-block {
    text-align: right;
}
.jobpage-content .abilities-block ul {
    margin: 5px 0 0;
}
.jobpage-content .nationality-block input {
    display: inline-block;
    width: 45%;
}
.jobpage-content .nationality-block span {
    display: inline-block;
    width: 7%;
}
.jobpage-content .nationality-block select {
    display: inline-block;
    width: 45%;
}
.jobpage-content .must-gender .checkbox-block {
    display: inline-block;
    margin: 5px 15px 5px 0;
}
.pagination.jobs-page-pagination {
    float: right;
}
    /**********************************************************************************************************
 Test Page Css Starts Here(All Jobs page css)
 **********************************************************************************************************/
 .time-counter-block ul li {
    width: 130px;
    height: 130px;
}
.time-counter-block ul li .time-number {
    font-size: 28px;
    padding: 10px 0 5px;
}
.test-answer {
    padding: 0 10px 0 50px;
}
.test-answer .test-checkbox-block li {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 18%;
}
.test-answer .radio-buttons-block .radio-button {
    padding: 0;
    margin: 0;
    width: 18%;
}
    /**********************************************************************************************************
 Search company page Css Starts Here
 **********************************************************************************************************/
 .search-company-item .search-comapany-details {
    margin: 0;
}
.custom-tooltip {
    right: -59px;
}
.custom-tooltip::before {
    right: 54px;
}
.add-comment-block {
    position: relative;
    margin: 10px 0 0;
}
.add-comment-block .link-block {
    top: 0;
    left: 0;
    position: inherit;
    text-align: left;
}
.add-comment-block .link-block .add-comment-btn {
    padding: 8px 15px 7px;
}
.add-comment-block .add-comment-textbox {
    margin: 10px 0 0;
}
.adv-search-block {
    margin: 35px 0 0;
}
/**************** border *****************/
.border-right {
    border-right: 1px solid #eeeeee;
}
.border-left {
    border-left: 1px solid #eeeeee;
}
.border-bottom {
    border-bottom: 1px solid #eeeeee;
}
.border-top {
    border-top: 1px solid #eeeeee;
}
/***************border-right with to ************/
.To-side-border {
    border-right: 1px solid #ddd;
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.To-side-border:after {
    content: "To";
    position: absolute;
    right: -11px;
    background: #fff;
    top: 43%;
    bottom: inherit;
    font-size: 18px;
    font-weight: bold;
    color: #105157;
}
.only-img {
    min-height: 300px;
    background-size: cover !important;
}
.only-img-xxl {
    min-height: 300px;
    background-size: cover !important;
}
/******** dashboard page **********/
.dashboard-section {
    padding: 50px 0;
}
.dashboard-sub-section {
    margin-top: 30px;
}
.dashboard-header-title {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 40px;
    margin-top: 0;
}
.dashboard-header-detail {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 28px;
}
.dashboard-border-top {
    border-top: 15px solid #7a9a97;
}
.inlks-listing-box { min-height:300px; max-height:300px;}
.help-page-banner.only-img{min-height: 400px;}
.my-timesheet-buttons{ text-align:right;}
.date-time-display {text-align:right;}
.profile-block-right { text-align:right; padding-top:0; margin-top:0; margin-bottom:0;border-top:0; border-bottom:0; }
.profile-block p { font-size:14px;}
    /**********************************************************************************************************
     Active Milestone page Css Starts Here
     **********************************************************************************************************/
     .active-milestone .profile-img { display: inline-block; }
     .active-milestone .post-title { text-align: left; }
    /**********************************************************************************************************
     Job Detail freelancer client page Css Starts Here
     **********************************************************************************************************/
     .desktop-right { text-align: right; }
     ul.client-profile li { display: inline-block; }
     .similar-jobs { text-align: left; }
     .similar-jobs .job-post-title { float: right; }
     .job-wrapper h5 span { max-width: 100%; }
     ul.offer-list { margin-top: 0; float: right; max-width: 140px; }
    /**********************************************************************************************************
     Job Detail Jobseeker page Css Starts Here
     **********************************************************************************************************/
     .job-inner-detail .job-feature-icons { margin: 0 0 10px; text-align: right; }
     .job-inner-detail-block .custom-btn { margin: 30px 0 0; float: right; }

     .info-box-title { min-width: 100px; min-height: 70px; }


 }


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

     *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 992 STARTS

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

     @media screen and (min-width:992px) {
        h2.freelance-heading { line-height: 85px; font-size: 28px; }
        /*** small header starts here ***/
        .small-header ul.header-login-links {
            margin: 20px 0 0;
        }
        .main-navigation-menus ul li a {
            padding: 17px 15px;
        }
        .main-navigation-menus ul li.submenus>a {
            padding: 17px 15px;
        }
        .main-navigation-menus select {
            width: 186px;
        }
        .main-navigation .user-login-bnts a {
            margin-left: 15px;
        }
        /*** Find jobs section Css Starts Here **/
        .Jobs-tab-content .form-group.currency-block select {
            width: 220px;
        }
        /*** Job Info Css start Here ***/
        .job-info-block ul li .job-post-box {
            padding: 24px 0 24px 30px;
        }
        .job-info-block ul li .job-post-box img {
            max-width: 100%;
        }
        .job-info-block ul li .job-post-box p {
            padding: 0 9%;
        }
        /*** Job Info Css end Here ***/
        /*** Video Interview start Here ***/
        .video-interview-block .interview-box {
            display: inline-block;
            margin-bottom: 0px;
        }
        /*** Video Interview end Here ***/
        /*** Testimonial-slider Css Starts Here ***/
        .testimonial-footer .rating-stars {
            float: left;
            padding: 15px 0 0;
        }
        .testimonial-footer .author-details {
            float: right;
        }
        /*** Testimonial-slider Css Ends Here ***/
        /*** Footer Css Starts Here ***/
        footer .ftr-social-icons {
            text-align: right;
        }
        footer .footer-user-login-bnts a {
            margin: 0 0 0 15px;
            display: inline-block;
        }
    /****************************************************
     My Profile Page Css Starts Here
     ****************************************************/
     .user-details .user-details-right {
        padding: 0 0 0 40px;
    }
    .user-details .user-details-left a {
        text-align: right;
    }
    .add-block a {
        padding: 8px 60px 7px;
    }
    .add-block .link-block {
        text-align: right;
    }
    .social-media-form .form-group input[type="text"] {
        width: 91%;
    }
    .add-academic-form .upload-block .custom-file-upload {
        padding: 8px 30px 7px 10px;
    }
    /*** Instred table block ***/
    .instrest-block .instrest-dig-logo {
        width: 11%;
    }
    .languages-know-block .instred-table-head p {
        display: block;
        padding: 10px 15px;
    }
    /*close */
    /**********************************************************
     Inner-page-meddle-part css
     **********************************************************/
     .border-details-block .form-group .checkbox-block label {
        text-align: left;
    }
    /**********************************************************************************************************
     Compare And View Salaries Page Css Starts Here
     **********************************************************************************************************/
     .optional-search-container .form-group label {
        text-align: right;
    }
    /**********************************************************************************************************
     Interview Review Page Css Starts Here
     **********************************************************************************************************/
     .custom-datepicker .input-group-addon {
        padding: 6px 10px 5px;
    }
    .view-interview-main-tabs ul li {
        padding: 5px 20px;
    }
    .view-interview-main-tabs .vi-inner-tabs-menus li {
        margin: 0 4px 0 0;
    }
    .view-interview-main-tabs .vi-inner-tabs-menus li a {
        padding: 7px 10px;
    }
    /**********************************************************************************************************
     Compare And View Salaries Page Css Starts Here
     **********************************************************************************************************/
     .charts-block {
        margin: 30px 0;
    }
    /**********************************************************************************************************
     Registration-page Css Starts Here
     **********************************************************************************************************/
     .registration-page .reg-social-buttons li {
        margin: 5px 5px 15px;
    }
    .registration-page .reg-social-buttons li a span.reg-icon-text {
        display: inline-block;
    }
    /**********************************************************************************************************
     Video-interview page Css Starts Here
     **********************************************************************************************************/
     .questions-item {
        padding: 15px 15px 0;
        /* min-height: 248px; */
    }
    .conduct-video-interview .questions-item {
        padding: 15px 15px 0;
        /* min-height: 248px; */
    }
    /**********************************************************************************************************
     Active Milestone page Css Starts Here
     **********************************************************************************************************/
     .active-milestone table th:first-child, .active-milestone table td:first-child { padding-left: 0; }
     .active-milestone table th:last-child, .active-milestone table td:last-child { padding-right: 0; }

     

 }


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

    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1024 STARTS

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

    @media screen and (min-width:1024px) {
        h2.freelance-heading { line-height: 85px; font-size: 32px; }
    /****************************************************
     Home Css Starts Here
     ****************************************************/
     /*** Banner Css Starts Here ***/
     .banner .owl-carousel .owl-controls {
        bottom: 10px;
    }
    .banner .banner-block .banner-content {
        top: 20px;
        font-size: 33px;
    }
    .banner .banner-block .banner-content blockquote {
        font-size: 24px;
    }
    .banner .banner-block .banner-content blockquote:before {
        font-size: 46.88px;
    }
    .banner .banner-block .banner-content blockquote span.right-quote {
        font-size: 46.88px;
        height: 8px;
        line-height: 16px;
        padding-right: 10px;
    }
    .fewer-options-link {
        /*   margin: 0 0 20px; */
    }
    .Jobs-tab-content .form-group.radius-block input {
        width: 115px;
        margin: 0 20px 0 0;
    }
    .Jobs-tab-content .form-group.radius-block select {
        width: 90px;
        margin: 0 18px 0 0;
    }
    .Jobs-tab-content .form-group.radius-block a {
        padding: 8px 17px 7px;
    }
    /**********************************************************************************************************
 Jobs page Css Starts Here
 **********************************************************************************************************/
 .jobpage-content .jobs-benefits ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 24%;
}
}


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

     *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1200 STARTS

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

     @media screen and (min-width:1200px) {
    /**********************************************************
     Inner page meddle part css
     **********************************************************/
     .border-details-block .form-group label {
        /* text-align: right; */
    }
    /**********************************************************
     Inner page container Css Starts Here
     ***********************************************************/
     .inner-page-container .border-details-block {
        padding: 15px;
    }
    .inner-page-container .border-details-block .form-group label {
        text-align: left;
    }
    .inner-page-container .border-details-block .form-group label.control-label {
        text-align: right;
    }
    .inner-page-container .why-should-link {
        margin: 5px 0 0;
    }
    /**********************************************************************************************************
     Interview Review Page Css Starts Here
     **********************************************************************************************************/
     .custom-datepicker .input-group-addon {
        padding: 6px 9px 5px;
    }
    .border-details-block .rate-buttons-group a {
        margin: 0px;
    }
    /*********************************************************
     Compare And View Salaries Page Css Starts Here
     *********************************************************/
     .compare-salaries .salary-search-block .custom-btn {
        display: block;
    }
    /**********************************************************************************************************
     Login Page Css Starts Here
     **********************************************************************************************************/
     .login-page .border-details-block {
        min-height: inherit;
    }
    .new-to-skillznet .link-block a {
        margin: 53px 0;
    }
    /**********************************************************************************************************
     Registration page Css Starts Here
     **********************************************************************************************************/
     .registration-page .link-block {
        text-align: center;
        margin: 0;
    }
    /**********************************************************************************************************
     Search company page Css Starts Here
     **********************************************************************************************************/
     .search-cmp-user-options li {
        display: inline-block;
        margin: 0;
    }
    .search-company-item .link-block {
        text-align: right;
    }
    /**********************************************************************************************************
     Jobseeker settings page Css Starts Here
     **********************************************************************************************************/
     .vtab2-tooltip .vtab2-tooltip-content {
        left: -18px;
        right: 0px;
    }
    .vtab2-tooltip-content::before {
        left: 15px;
        right: 0;
    }
    .search-cmp-user-options li span {
        margin: 0;
    }
    /**********************************************************************************************************
     Video interview page Css Starts Here
     **********************************************************************************************************/
     .questions-item {
        padding: 15px 15px 0;
        /* min-height: 310px; */
    }
    .conduct-video-interview .questions-item {
        padding: 15px 15px 0;
        /* min-height: 310px; */
    }
    .only-img {
        min-height: 500px;
        background-size: cover !important;
    }
    .only-img-xxl {
        min-height: 400px;
        background-size: cover !important;
    }
    .help-page-banner.only-img{min-height: 500px;}
    .example-box-title{padding: 5px 0 0;}
    /**********************************************************************************************************
     Jobseeker job detail page Css Starts Here
     **********************************************************************************************************/
     .jobseeker-filter .form-group { margin-bottom: 0; }
     .jobseeker-filter select { background: #fff url(../images/downarrow.png) 93% 50% no-repeat; }
     .search-right { text-align: right; }

 }


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

     *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1280 STARTS

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

     @media screen and (min-width:1280px) {
    /****************************************************
     Home Css Starts Here
     ****************************************************/
     /*** Banner Css Starts Here ***/
     .banner .owl-carousel .owl-controls {
        bottom: 10px;
    }
    .banner .banner-block .banner-content {
        top: 50px;
        font-size: 33px;
    }
    .banner .banner-block .banner-content blockquote {
        font-size: 33px;
        padding: 0 26px;
    }
    .banner .banner-block .banner-content blockquote:before {
        font-size: 66.88px;
    }
    .banner .banner-block .banner-content blockquote span.right-quote {
        font-size: 66.88px;
        height: 8px;
        line-height: 24px;
        padding-right: 20px;
    }
    /********** section *******/
    .container-section {
        padding: 47px 0 47px 0;
    }
    .container-section .resp-tab-content {
        padding: 15px
    }
    .container-section .resp-tabs-list.multi-color {
        padding: 0 0 0 60px;
    }
    /*** find-jobs-section Css Starts Here ***/
    .find-jobs-section {
        padding: 47px 0 0px 0;
    }
    .find-jobs-section .resp-tab-content {
        padding: 60px 30px 30px;
    }
    .find-jobs-section .resp-tabs-list {
        padding: 0 0 0 60px;
    }
    /*** Find-jobs-section Css Ends Here ***/
    /*** Featured-employers Css Starts Here ***/
    .featured-employers {
        padding: 70px 0 0;
    }
    .logo-slider {
        /* padding: 30px 0 00px; */
    }
    /*** Featured-employers Css Ends Here ***/
    /*** Video-interview-steps-block Starts Here ***/
    .Video-interview-steps-block {
        /* padding: 80px 0 0; */
    }
    .Video-interview-steps-block h3 {
        /* margin-bottom: 50px; */
    }
    .interview-steps .interview-step-box .interview-step-content {
        padding: 47px 22px 60px;
    }
    /*** Video-interview-steps-block Ends Here ***/
    /*** Colleges-universities Css Starts Here ***/
    .colleges-universities {
        padding: 90px 0;
    }
    .colleges-universities .logo-slider {
        padding: 30px 0 0px;
    }
    /*** Colleges-universities Css Ends Here ***/
    /*** Try skillpage local section Css start Here ***/
    .skillpage-local-block {
        /* padding: 82px 0 56px; */
    }
    /*** Try skillpage local section Css Ends Here ***/
    /*** Video Interview start Here ***/
    .video-interview-block {
        /* padding: 90px 0 0; */
    }
    /** Video Interview ends Here **/
    /** Testimonial-slider Css Starts Here **/
    .testimonial-slider-block {
        background-color: #ebeced;
        padding: 90px 0;
    }
    .testimonial-slider {
        width: 94%;
        margin: 0 auto;
    }
    .testimonial-slider-block .owl-controls .owl-nav .owl-prev {
        left: -3%;
    }
    .testimonial-slider-block .owl-controls .owl-nav .owl-next {
        right: -3%;
    }
    /*** Testimonial-slider Css Ends Here ***/
    .social-media-form .form-group input[type="text"] {
        width: 93%;
    }
    /****************************************************
     My Profile Page Css Starts Here
     ****************************************************/
     /*** add-employment-exp-form ***/
     .add-employment-exp-form .form-group label {
        text-align: right;
        width: 165px;
        display: inline-block;
        /* padding: 0 20px 0 0; */
        padding: 0 8px 0 0;
    }
    .add-employment-exp-form .form-group label.small-label {
        width: 40px;
        text-align: left;
        padding: 0;
    }
    .add-employment-exp-form .form-group select.half-select-box {
        width: 115px;
        margin: 0 10px 0 0;
        display: inline-block;
    }
    .add-employment-exp-form .form-group .selectbox-block {
        width: 245px;
        margin: 0 10px 0 0;
        display: inline-block;
    }
    .add-employment-exp-form .form-group .selectbox-block:last-child {
        margin: 0;
    }
    .add-employment-exp-form .form-group input[type="text"] {
        width: 244px;
        display: inline-block;
    }
    .add-employment-exp-form .form-group input[type="date"] {
        width: 244px;
        display: inline-block;
    }
    .add-employment-exp-form .checkbox-block label {
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .add-employment-exp-form .textarea-block {
        display: inline-block;
        width: 568px;
    }
    .add-employment-exp-form .form-group .no-work-exp-checkbox .checkbox-block {
        margin: 0 0 15px 165px;
    }
    .add-employment-exp-form .save-cancel-btns {
        text-align: right;
    }
    .add-employment-exp-form .save-cancel-btns a {
        margin: 0px 15px 5px 0;
    }
    .add-employment-exp-form .save-cancel-btns a:last-child {
        margin: 0px 0px 5px 0;
    }
    /** add-academic-form **/
    .add-academic-form .upload-btn {
        right: 3px;
    }
    .add-academic-form .form-group label.small-label {
        width: 40px;
        text-align: left;
        padding: 0;
    }
    .add-academic-form .form-group label {
        text-align: right;
        width: 165px;
        display: inline-block;
        /* padding: 0 20px 0 0; */
        padding: 0 8px 0 0;
    }
    .add-academic-form input[type="text"] {
        display: inline-block;
        width: 568px;
    }
    .add-academic-form .form-group input[type="date"] {
        display: inline-block;
        width: 244px;
    }
    .add-academic-form .form-group select.half-select-box {
        width: 115px;
        margin: 0 10px 0 0;
        display: inline-block;
    }
    .add-academic-form .form-group .selectbox-block {
        width: 245px;
        margin: 0 10px 0 0;
        display: inline-block;
    }
    .add-academic-form-section .form-group .selectbox-block {
        width: 568px;
    }
    .add-academic-form .form-group .selectbox-block:last-child {
        margin: 0;
    }
    .add-academic-form .form-group .datepicker-half-input {
        width: 244px;
    }
    .add-academic-form textarea {
        display: inline-block;
        width: 568px;
    }
    .add-academic-form .save-cancel-btns {
        text-align: right;
    }
    .add-academic-form .save-cancel-btns a {
        margin: 0px 15px 5px 0;
    }
    .add-academic-form .save-cancel-btns a:last-child {
        margin: 0px 0px 5px 0;
    }
    .add-academic-form .upload-item {
        width: 566px;
        display: inline-block;
    }
    /*** freelancers-form ***/
    .freelancers-form .form-group .radio-buttons-block {
        display: inline-block;
        margin: 7px 0 0;
    }
    .freelancers-form .form-group .radio-buttons-block label {
        width: auto;
        padding: 0 10px 0 0;
        margin: 0;
    }
    .freelancers-form .form-group textarea {
        width: 568px;
        display: inline-block;
    }
    .freelancers-form .form-group .selectbox-block {
        width: 245px;
        display: inline-block;
    }
    .freelancers-form .form-group .radio-buttons-block.job-at-cmplt {
        display: inline-block;
        width: 568px;
    }
    .freelancers-form .form-group .radio-buttons-block.job-at-cmplt label {
        display: block;
        text-align: left;
        padding: 0;
        margin: 0 0 10px;
    }
    .freelancers-form .form-group .skills-tags-block {
        display: inline-block;
        width: 568px;
    }
    .freelancers-form .upload-item {
        width: 570px;
        display: inline-block;
    }
    /**********************************************************************************************************
     Compare And View Salaries Page Css Starts Here
     **********************************************************************************************************/
     .optional-search-container .link-block {
        padding: 0;
    }
    .amount-mar{
        margin-top: 0 ;
    }
    .add-employment-exp-form.add-employment-exp-form-section .form-group .inner-input-width{
        width: 77% ; 
    }


}

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

     *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1600 STARTS

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

     @media screen and (min-width:1600px) {
        .only-img{min-height: 700px;}
    }

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

     *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1800 STARTS

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

     @media screen and (min-width:1800px) {
        .help-page-banner.only-img{min-height: 700px;}

    }