.single-listing-container .info {
     background: #F5F6F5;
     padding: 10px;
 }

 .single-listing-container .info h4 {
     font-size: 1.3rem;
     font-weight: 500;
     padding-top: 0.6rem;
     color: black !important;
 }


 .single-listing-container .img-grid {
     background: #F5F6F5;
     height: 20rem;
     margin-top: 1rem;
 }

 .single-listing-container .img-grid img {
     cursor: pointer;
 }

 .single-listing-container .img-grid .row {
     padding-top: 3rem;
     padding-left: 1rem;
     position: relative;
 }

 .single-listing-container .img-grid .two-col-img {
     margin-top: -5.5%;
     margin-left: -2.5rem;
 }

 .single-listing-container .img-grid .second-two-col-img {
     padding-top: 3.4rem;
 }


 .single-listing-container .img-grid .two-col-img img {
     width: 9rem;
     height: 7rem;
     width: 95%;

 }

 .second-two-col-img {
     margin-top: -2.2rem !important;
     margin: 0;
     padding: 0;
 }

 .single-listing-container .img-grid .left-img img {
max-height: 15rem;
 }

 /* Address Css Starts */
 .single-listing-container .address {
     padding: 10px 10px 0px 20px;
     margin-top: 1rem;
 }


 .single-listing-container .address .row .info-text-container {
     font-size: 0.9rem;
     padding-top: 0.6rem;
     text-align: left;
     max-width: 250px;
     float: left;
     height: 110px;
 }

 .single-listing-container .address .small-title {
     border-right: 1px solid black;
     padding-right: 0.5rem;
     min-height: 3.7rem;
     margin-left: 0rem;
     margin-right: 0rem;
     padding: 0 20px;
 }

 .single-listing-container .address .property-decription {
     max-width: 50rem;
     border-right: none;
 }

 .single-listing-container form {
     border: 1px solid #002461;
     padding: 1rem;
     border-radius: 10px;
     height: auto;
 }

 .info-text-container span:nth-child(1) {
     font-weight: 600;
 }


 .modal .modal-body img {
     width: 100% !important;
     height: 100% !important;
 }

 .property-decription span {
     font-weight: normal !important;
 }

 /* Address Css Ends */

 /* Footer Css Starts */
 .footer-section {
     margin-top: 5rem;
 }

 /* Footer Css end */


 /* Portrait */
 @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

     .user-image-container {
         position: absolute;
         left: 30% !important;
         margin-top: 1.4rem;
         display: inline-block;
         width: 0%;
     }

     .user-image-container img {
         height: 1.5rem;
         width: 1.5rem;
     }

     .two-col-img {
         padding-left: 4.3rem !important;
         margin-top: -3rem !important;
     }

     .two-col-img .col-6 img {
         display: block;
         width: 8rem !important;
         height: 7rem !important;
     }

     .footer-section {
         margin-top: 2rem !important;
     }


 }

 @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

     .user-image-container {
         position: absolute;
         left: 88% !important;
         margin-top: 1.5rem;
         display: inline-block;
         width: 0%;
     }

     .header .navbar-brand img {
         width: 9rem !important;
         margin-left: -2rem;
         padding-top: 1rem;
     }

     nav {
         height: 5rem;
         min-height: 2rem;
     }

     nav .navbar-nav .nav-item {
         margin-top: -3rem;
     }

     nav .navbar-nav .nav-item a {
         font-size: 1.2rem !important;
     }

     .user-image-container img {
         height: 1.5rem;
         width: 1.5rem;
     }


     .footer-section {
         margin-top: 2rem !important;
     }

     /* your css rules for ipad landscape */
 }

 /* Tablets, Ipads (portrait) ##Screen=B/w 768px to 1024px */
 @media only screen and (min-device-width: 1024px) and (min-device-pixel-ratio : 2.0) and (orientation: landscape) {


     .user-image-container {
         position: absolute;
         left: 30% !important;
         margin-top: -1rem;
         display: inline-block;
         width: 0%;
     }

     .user-image-container img {
         height: 1.5rem;
         width: 1.5rem;
     }

 }

 /* iPad Air */
 @media only screen and (device-width: 1180px) and (device-height: 820px) and (orientation : landscape) {
     .user-image-container {
         position: absolute;
         left: 86% !important;
         margin-top: -1rem;
         display: inline-block;
         width: 0%;
     }

     .header .navbar-brand img {
         width: 9rem !important;
         margin-left: -1rem;
     }

     .user-image-container img {
         height: 1.5rem;
         width: 1.5rem;
     }

     .two-col-img {
         padding-left: 4.3rem !important;
         margin-top: -3rem !important;
     }

     .two-col-img .col-6 img {
         display: block;
         width: 8rem !important;
         height: 7rem !important;
     }

 }

 /* Tablet Css Starts */
 @media (min-width: 768px) and (max-width: 912px) {
     .single-listing-container .first-column {
         width: 100%;
     }

     .single-listing-container .img-grid .two-col-img {


         margin: 0;
         padding: 40px;
         margin-top: -5.5rem;
         margin-left: 0rem;

     }

     .single-listing-container .second-column {
         width: 100%;
         margin: 0 auto;
         margin-top: 2rem;
     }

     .single-listing-container .second-column form {
         max-width: 80%;
         margin: 0 auto;
     }


     .footer-section .social-profiles ul {
         list-style-type: none;
         margin-top: 1rem;
         margin-left: -3rem;
         position: relative;

     }



 }

 /* Tablet Css ends */


 @media (max-width: 767px) {

     .single-listing-container .info .col-6 {
         width: 100%;
         text-align: center !important;
         padding-bottom: 1rem;
         padding: 0.5rem;
     }


     .single-listing-container .info {
         background: #F5F6F5;
         padding: 10px;
     }



     .single-listing-container .info h4 {
         font-size: 1.3rem;
         font-weight: 500;
         display: unset !important;
         color: black !important;
     }


     .single-listing-container .two-col-img {
         width: 100%;
         margin: 0 auto;

     }

     .single-listing-container .img-grid {
         background: #F5F6F5;
         height: 20rem;
         margin-top: 2rem;
         padding-left: 0.6rem;
         padding-top: 0.5rem;
         padding-bottom: 30rem !important;

     }

     .single-listing-container .img-grid {
         margin-top: 0.7rem;
     }

     .single-listing-container .img-grid .left-img {
         margin-left: -0.5rem;
         width: 100% !important;

         margin-top: -1.5rem !important;
     }

     .single-listing-container .img-grid .row {
         padding-top: 2rem;
         padding-left: 0.5rem;
         padding-right: 0.5rem;
         position: unset;
     }

     .single-listing-container form {
         margin-top: 2rem;
     }

     .single-listing-container .img-grid .two-col-img {

         width: 100%;
         margin: 0;
         padding: 10;
         margin-top: -1.3rem;
         margin-left: -0.2rem;

     }

     .single-listing-container .img-grid .two-col-img img {
         width: 9rem;
         height: 7rem;
         width: 95%;
     }

     .second-two-col-img {
         margin-top: -1.5rem !important;
     }

     .second-two-col-img img {
         width: 100%;
     }

     /* Address Container Css Starts */
     .single-listing-container .address .row div {
         display: flex;
         flex-direction: column;
     }

     .single-listing-container .address .row .small-title {
         border-right: 0px !important;
         min-height: 0.5rem;
     }

     /* Form  */
     .single-listing-container form {
         height: auto !important;
     }

     /* Footer Css Starts */
     .footer-section {
         margin-top: 11rem;
         padding-bottom: 3rem !important;
         margin-top: 12rem !important;
     }

     /* Footer Css end */
 }



 @media (min-width: 481px) and (max-width: 767px) {

     .announcement-bar {
         height: 4rem !important;
     }


     .announcement-bar a {
         color: #002461 !important;
     }

     .announcement-bar h6 {
         color: #002461 !important;
         font-size: 0.9rem !important;
     }

     nav .navbar-brand img {
         max-width: 85px;
         position: absolute;
         top: 3px !important;
         left: 5%;
         border-radius: 5px;
     }

     nav {
         background: #002461 !important;
         height: auto !important;
     }

     nav .nav-item .nav-link {
         font-size: 1rem;
         font-weight: 300;
         margin-left: 0.8rem;
     }

     .nav .nav-nav {
         padding-bottom: 50px !important;

     }



     /* Contact Us Css Starts */
     .contact-us-section {
         height: auto !important;
         margin-top: 8rem;
         margin-bottom: 2rem !important;
         padding-bottom: 0rem !important;

     }

     .contact-us-section h4 {
         text-align: center;
         font-size: 1.8rem;
         color: #002461;
         top: 15%;
     }

     .contact-us-section form {
         padding: 0px 0px 0px 0px;
         max-width: 100% !important;
         margin-top: 1rem;
         margin-bottom: 1rem;
     }

     .contact-us-section form input {

         border: 2px solid #002461;
     }

     .contact-us-section form .btn {
         background: #002461;
         padding: 8px 50px 8px 50px;
         border: 0px;
         font-weight: 500;
         font-size: 1rem;
     }

     .contact-us-section iframe {
         border-radius: 15px;
         max-width: 100%;
         height: 20rem;
         margin-top: 2rem;
         margin-left: 0rem;
     }

     /* Contact Us Css Ends */

 }

 /* Mobile Css Starts */
 @media (min-width: 320px) and (max-width: 480px) {

     .footer-section .social-profiles ul {
         margin-left: auto !important;
     }
 }

 /* Footer Section Css ends */