/* responsive */
    @media only screen and (max-width : 720px) {

      header {
        padding: 30px 30px 50px 30px;
      }

      .slanted-div {
        padding: 100px 0;
      }

      footer {
        padding: 65px 0 50px 0;
      }



    }

 


/* EXTRA SMALL devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
#appointment{margin: 100px auto 0 auto;height: 750px;background:#fbbe3b; padding-top:60px;}
}

    
/*  SMALL devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.header-right{padding:30px 0 0 0 ;}
#appointment{margin: 100px auto 0 auto;height: 750px;background:#fbbe3b; padding-top:60px;}
}

/*  MEDIUM devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
#appointment{width: 800px;height: 750px;margin: 200px auto 0 auto;background:#fbbe3b; padding-top:60px;}
}

/*  LARGE devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
#appointment{width: 800px;height: 750px;margin: 200px auto 0 auto;background:#fbbe3b; padding-top:60px;}
}

/*  EXTRA large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#appointment{width: 800px;height: 750px;margin: 200px auto 0 auto;background:#fbbe3b; padding-top:60px;}
}