
/* media 1 */
/*768px*/
@media (max-width: 1024px) {
  h2{
    line-height: 50px;
  }
  .heading-set {
    left: 34%;
  }
  .heading-set h2{
    line-height: unset;
  }
  .heading {
    font: normal normal bold 37px Merriweather Sans;
  }
  .jpg-VS-file {
    display: none;
  }
  .convertMD {
    width: 100%; 
    /*display: none;*/
    /*flex-direction: column;*/
     margin-left: unset; 
  }
  .convertbtnD {
    flex-direction: column;
    margin-bottom: 15px;
  }
  .features {
    padding: unset;
    margin-bottom: 50px;
  }
  .inner-fun {
    width: auto;
  }
  .row-F {
    grid-template-columns: 1fr;
    row-gap: 20px;
    align-items: center;
  }
  .dropF {
    display: none;
  }
  .otherOP {
    flex-direction: column;
    row-gap: 20px;
  }
  .button-container {
    width: 95%;
    flex-direction: column;
    align-items: center;
    padding-left: unset;

  }
  .url-main {
    row-gap: 20px;
    flex-direction: column;
    /*align-items: center;*/
    /*margin: 20px 0px 0px -25px;*/
  }

  .btn-urlL {
    /* width: 210px; */
  }
  .submitBtn {
    padding: 20px;
    width: 210px;
  }
  .UpCd {
    margin-left: 0px;
  }
  .fe-detail {
    width: auto;
  }
  /* .main-share {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  } */
  .features-inner {
    grid-template-columns: 1fr;
  }
  .what-is {
    flex-direction: column;
    row-gap: 40px;
  }
  .how-it-work {
    row-gap: 40px;
    flex-direction: column;
  }
  .hW-left {
    padding: 40px;
    margin-right: unset;
    width: 100%;
  }
  .hW-right {
    padding: 20px 40px;
  }
  .FAQ {
    padding: unset;
    margin-bottom: 70px;
  }
  .how-photoC-inner {
    grid-template-columns: 1fr;
  }
  .HPC-item {
    flex-direction: column;
  }
  
  .uploadMain{
    flex-direction: column;
  }
  .uploadLeft{
    flex-direction: column !important;
    align-items: center;
  }
  .uploadRight{
    min-width: 100% !important;
  }
  .main-container{
    padding: 10px;
  }
  .uploadRight{
    margin-top: 40px;
    min-height: 200px;
  }
  /* nav bar start */


  nav ul{
    position: absolute;
    display: none;
    width: 100%;
    z-index: 6;
    background: white;
    top: -100%;
    max-height: 500px;
    text-align: center;
    transition: all .5s;
    /*overflow: scroll;*/
     overflow-y: scroll;
  }
  nav ul li:last-child{
    position: relative;
  }
  nav ul li .nav-subList{
    position: unset;
    width: 100%;
    box-shadow: none;
    max-height: 200px;
    overflow-y: scroll;
  }
  nav ul li{
    display: block;
    margin: 50px 0;
    line-height: 30px;
  }
  nav ul li a{
    font-size: 20px;
  }
  a:hover,a.active{
    background: none;
    color: #023C89;
  }
  #check:checked ~ ul{
    top: 80px;
    display: block;
    left:0px;
    
    /*-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;*/
  }
  #check:checked ~ label .bar-line1 {
    transform: translate(0px, 6px) rotate(-45deg);
  }
  #check:checked ~ label .bar-line2 {
    opacity: 0;
  }
  #check:checked ~ label .bar-line3 {
    transform: translate(0px, -10px) rotate(45deg);
  }
  .checkbtn{
    display: block;
  }


  /*nav bar end*/

}

/* media 2 */

@media (max-width: 1949px) {
  label.logo{
    font-size: 30px;
  }
  nav ul li a{
    font-size: 16px;
    padding: 10px 24px;
  }
  .main-container{
    text-align: initial;
    max-width: 1200px;
    display: inline-block;
    margin-right: 0px;
    margin-left: 0px;
  }
  .section2 .col3 .box2 img {
    position: relative;
    top: 30px;
    left: 37%;
  }
  .section2 .col2 .box2 button{
    padding: 10px;
    /*height: 305px;*/
  }
}
/* media 3 */
@media (min-width: 1950px) {
  .main-wraper{
    text-align: center;
  }
  .main-container{
    max-width: 1326px;
    text-align: initial;
    display: inline-block;
  }
}
