@charset "utf-8";

  html,
  body {

  	min-width: 0px;
  }

  /******************************************************************************
  Max Width "1920x"
  *******************************************************************************/

  @media (max-width: 1920px) {}

  /******************************************************************************
  Max Width "1792"
  *******************************************************************************/

  @media (max-width: 1792px) {}

  /******************************************************************************
  Max Width "1600x"
  *******************************************************************************/

  @media (max-width: 1600px) {}

  /******************************************************************************
  Max Width "1440x"
  *******************************************************************************/

  @media (max-width: 1440px) {}

  /******************************************************************************
  Max Width "1300x"
  *******************************************************************************/

  @media (max-width: 1366px) {}

  /******************************************************************************
  Max Width "1300x"
  *******************************************************************************/

  @media (max-width: 1300px) {}

  /******************************************************************************
  Max Width "1200x"
  *******************************************************************************/

  @media (max-width: 1200px) {}

  /******************************************************************************
  Min Width "992px"
  *******************************************************************************/

  @media (min-width: 992px) {}

  /******************************************************************************
  Max Width "1270px" - Min Width "1200px"
  *******************************************************************************/

  @media (min-width: 1200px) and (max-width: 1270px) {}

  /******************************************************************************
  Max Width "1199px"
  *******************************************************************************/
  @media (max-width: 1199px) {


  	html,
  	body {
  		min-width: 0px;
  		overflow-x: clip;
  	}


  }

  /******************************************************************************
  Max Width "1199px" - Min Width "992px"
  *******************************************************************************/

  @media (min-width: 992px) and (max-width: 1199px) {}

  /******************************************************************************
  Max Width "1024px" 
  *******************************************************************************/

  @media (max-width: 1024px) {

  	.proceesing-head {
  		padding: 0px 3rem;
  		padding-bottom: 150px;
  	}

  }


  /******************************************************************************
  Max Width "991px"
  *******************************************************************************/

  @media (max-width: 991px) {
  	/*.nav-padding {
  		padding-top: 0;
  	}*/

  }


  /******************************************************************************
  Max Width "834px"
  *******************************************************************************/

  @media (max-width: 834px) {}

  /******************************************************************************
  Max Width "810px"
  *******************************************************************************/

  @media (max-width: 810px) {}

  /******************************************************************************
  Max Width "800px"
  *******************************************************************************/

  @media (max-width: 800px) {
  	.accordion-head {
  		width: calc(100% - 190px);
  	}
        .nav-padding {
        padding-top: 89px;
    }
  }

  /******************************************************************************
  Max Width "767px"
  *******************************************************************************/

  @media (max-width: 767px) {
    /*    .nav-padding {
        padding-top: 0px;
    }*/
  }

  /******************************************************************************
  Max Width "640px"
  *******************************************************************************/

  @media (max-width: 640px) {
        .nav-padding {
        padding-top: 0px;
    }   
  }

  /******************************************************************************
  Max Width "600px"
  *******************************************************************************/
  @media (max-width: 600px) {
  	.navbar {
  		padding: 15px 0px;
  		background: white;
  		position: relative;
  		box-shadow: 0 1px 0 0 #e5eeec;
  	}
    .sec-height
    {
        height: calc(100vh - 90px); 
    }

  	.process-flex {
  		display: block !important;
  	}

  	.action-wrap.ms-4 {
  		margin-top: 10px;
  		margin-left: 0px !important;
  	}

  	.send-pdf-btn {
  		justify-content: center;
        width: 100%;
        margin-top: 15px;
  	}

  	.accordion-body .w-50 {
  		width: 100% !important;
  	}

  	.accordion-head {
  		width: 100%;
  	}

  	.resume-text {
  		display: block !important;
  		font-size: 1.5em;
  	}

  	.acco-flex {
  		display: block !important;
  	}

  	.custom-arrow {
  		position: absolute;
  		right: -8px;
  		top: -8px;
  	}

  	.r-side {
  		margin-top: 10px;
  	}
     .upload-head{
        width: 230px;
    }

  }


  /******************************************************************************
  Max Width "599px"
  *******************************************************************************/
  @media (max-width: 599px) {}

  /******************************************************************************
  Max Width "540px"
  *******************************************************************************/
  @media (max-width: 540px) {
  	.sec-height {
  		height: calc(100vh - 150px);
  	}

  	.main-wrapper {
  		flex-direction: column;
  		height: 100%;
  		display: flex;
  		flex: 1 1 0%;
  		flex-basis: auto;
  		flex-grow: 1;
  	}

  	.gigflick {
  		font-size: 1.1em;
  		color: #5645EE;
  	}

  	.resume-analysis-header {
  		text-align: center;
  		height: 100%;
  		flex-shrink: 1;
  		flex-direction: column;
  		display: flex;
  		align-items: center;
  	}

  	.navbar {
  		padding: 15px 0px;
  		background: white;
  		position: relative;
  		box-shadow: 0 1px 0 0 #e5eeec;
  	}

  	.agreement-message {
  		margin-bottom: 20px;
  	}

  	.navbar-brand img {
  		width: 160px;
  	}



  	.gig-textarea {
  		padding: 15px 15px;
  	}

  	.upload-icon img {
  		width: 38px;
  	}

  	.start-btn {
  		margin-top: 15px
  	}

  	.email-heading {
  		font-weight: 600;
  		font-size: 19px;
  	}

  	.proceesing-head {
  		padding: 0px 1rem;
  		display: block !important;
  		padding-bottom: 150px;
  	}

  	.upload-bottom .file-upload-section {
  		display: block;

  	}

  	.action-wrap {
  		margin-top: 15px;
  	}

  	.check-list-wrap p {
  		color: #24252B;
  		font-size: 15px;
  	}
    .upload-head{
        width: 200px;
    }

  }


  /******************************************************************************
  Max Width "480px"
  *******************************************************************************/
  @media (max-width: 480px) {
    .sec-height {
        height: calc(100vh - 170px);
    }
  }

  /******************************************************************************
  Max Width "428px"
  *******************************************************************************/
  @media (max-width:428px) {}

  /******************************************************************************
  Max Width "414px"
  *******************************************************************************/
  @media (max-width:414px) {}


  /******************************************************************************
  Max Width "412px"
  *******************************************************************************/
  @media (max-width:412px) {
        .resume-text {
        display: block !important;
        font-size: 1.2em;
    }
  }


  /******************************************************************************
  Max Width "390px"
  *******************************************************************************/
  @media (max-width:390px) {}

  /******************************************************************************
  Max Width "384px"
  *******************************************************************************/
  @media (max-width:384px) {}

  /******************************************************************************
  Max Width "375px"
  *******************************************************************************/
  @media (max-width: 375px) {
  	.feedback-btn {
  		padding: 8px 18px;
  	}

  	.navbar-brand img {
  		width: 140px;
  	}
    .sec-height {
        height: calc(100vh - 160px);
    }
  }

  /******************************************************************************
  Max Width "360px"
  *******************************************************************************/
  @media (max-width: 360px) {}

  /******************************************************************************
  Max Width "320px"
  *******************************************************************************/
  @media (max-width: 320px) {}


  /******************************************************************************
  Device
  *******************************************************************************/
  @media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1024px) {
  	.navbar {
  		padding: 15px 0px;
  		background: white;
  		position: relative;
  		box-shadow: 0 1px 0 0 #e5eeec;
  	}


  	.navbar-brand img {
  		width: 160px;
  	}

  	.sec-height {
  		height: calc(100vh - 90px);
  	}

  }

  @media only screen and (orientation: landscape) and (min-width: 412px) and (max-width: 768px) {
  	.navbar {
  		padding: 15px 0px;
  		background: white;
  		position: relative;
  		box-shadow: 0 1px 0 0 #e5eeec;
  	}


  	.navbar-brand img {
  		width: 160px;
  	}

  	.resume-text {
  		display: block !important
  	}

  	.gigflick {
  		font-size: 1.1em;
  		color: #5645EE;
  	}

  	.sec-height {
  		height: calc(100vh - 90px);
  	}


  }