@media (min-width: 1200px) {

.slider-containerr  .vertical-align,

  #nri-support  .vertical-align {

    display: flex;

    align-items: center; /* Vertically centers content */

} 



  .navbar-header .navbar-toggle {

  display: none;

  margin: 0;

        background-color: #004282;

}

.navb

    .container {

    padding: 0;

  }

}

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

.get-drctn-btn .pin-icon {

    position: absolute;

    top: -35px;}

.ellipse-shadow {

    position: absolute;

    left: 50%;

    top: 82px;}

.direction-btn {

    background: rgba(0, 66, 130, 1);

    color: #fff;

    font-size: 11px;

    font-weight: 700;

    border: none;

    line-height: 16px;

    border-radius: 50%;

    width: 90px;

    height: 90px;

}

  .contact-style-two .contact-form-wrap button{

  font-size: 14px;

 }

  .call-to-action-button button{

    margin-top: 15px;

    font-size: 14px;

  }

span#left {

    position: absolute !important;

    left: 15% !important;

}

span#right {

    position: absolute;

    right: 15% !important;

}

span#close {

    position: absolute;

    right: 5% !important;

    top: 1% !important;

}

  .footer-menu ul li a {

  display: inline-block;

  color: #fff;

  font-size: 13px;

  font-family: 'Open Sans';

  text-transform: uppercase;

  line-height: 50px;

  padding: 0 8px;

}  

    .main-menu .navbar-collapse > ul > li > a {

  display: inline-block;

  font-size: 14px;

  font-weight: bold;

  text-transform: uppercase;

  color: #004282 !important;

  padding: 5px 7px;

}

    .navbar-header .navbar-toggle {

  display: none;

  margin: 0;

        background-color: #004282

}

    .call-to-action.style-two button{

        padding:10px 33px;

    }

/*======== 1024px screen Styles ===========*/

  #property-highlight .full-img::before {

    width: 100%;

    right: 150%;

  }

  #property-highlight .full-img:hover:before {

    right: 0;

  }

  #property-highlight .full-img img {

    float: none;

    width: 100%;

  }

  #property-highlight .property-highlight-text {

    padding-left: 15px;

    padding-bottom: 30px;

  }

  #luxury-villa p {

    margin-top: 30px;

  }

  .section-title p br {

    display: none;

  }

  .single-room-dimention {

    text-align: center;

  }

  .single-room-dimention .img-wrap {

    float: none;

  }

  .single-room-dimention .img-holder {

    display: inline-block;

  }

  .single-room-dimention .content {

    text-align: left;

    position: relative;

    right: auto;

    top: auto;

    width: 68%;

    margin: auto;

    float: none;

    margin-top: 50px;

  }

  .agent-info {

    margin-bottom: 50px;

  }

  .header-inner .navbar-collapse > ul > li,

  .stricky-fixed .header-inner .navbar-collapse > ul > li {

    line-height: 60px;

  }

  .header-inner .navbar-header,

  .stricky-fixed .header-inner .navbar-header {

    margin: 7px 0;

  }

  .header-inner .logo {

    margin-top: 7px;

    margin-bottom: 7px;

  }

  .stricky-fixed .header-inner .logo {

    margin-bottom: 7px !important;

    margin-top: 7px !important;

  }

  #room-dimention .gallery-filter li span {

    margin-bottom: 15px;

  }

  .check-video-text {

    padding-left: 30px;

  }

  .check-video-text p br {

    display: none;

  }

  .check-video-text p {

    margin: 0;

  }

  .check-video-text a {

    margin-top: 30px;

  }

  .single-sidebar .agent-box img {

    width: 100%;

  }

  .single-sidebar .villa-features li {

    margin-bottom: 11px;

    margin-right: 11px;

    width: 110px;

  }

/*

  header.header-inner .main-menu .navbar-collapse.collapse {

    display: none !important;

  }

*/

  header.header-inner .main-menu .navbar-header {

    margin: 23px 0;

  }

  .stricky-fixed header.header-inner .main-menu .navbar-header {

    margin: 10px 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  iframe{

  width: 100%;

}

  .get-drctn-btn .pin-icon {

    position: absolute;

    top: -38px;

    left: 8px;

    font-size: 20px !important;

    right: 15px;

}

  .direction-btn {

    background: rgba(0, 66, 130, 1);

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    border: none;

    line-height: 15px;

    border-radius: 50%;

    width: 95px;

    height: 95px;

}

span#left {

    position: absolute ;

    left: 10%;

}

span#right {

    position: absolute;

    right: 10%;

}

span#close {

    position: absolute;

    right: 5%;

    top: 5%;

}

.nri{
  margin-bottom: 10px !important;
}

        .gallery {



  margin: 0 auto;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: 1fr;

  grid-column-gap: 5px;

  grid-row-gap: 5px;



}



    .contact-style-two .right-side-overlay-full {

    position: relative;

    /* padding: 80px 0; */

  

}



.call-to-action.style-two button {

    font-size: 14px;

    text-transform: uppercase;

    color: #141414;

    font-weight: bold;

    background: #FFAE00;

    border: none;

    outline: none;

    padding: 11px 18px;

    margin-top: 8px;

}



    /* img.ftr-logo {

    width: 100%;

} */





    .loc-img {

    width: 100%;

}

    #property-highlight .full-img img {

max-width: -webkit-fill-available;

}

    

    .stricky-fixed .header-inner .logo img {

  width: 70%;

}

    

    header.home-header .navbar-collapse.collapse {

    display: none !important;

  }

  .navbar-header {

    margin: 5px 0 -3px;

  }

  .text-center-sm {

    text-align: center;

  }

  #about-section .img-holder {

    margin-bottom: 50px;

  }

  .single-room-dimention {

    text-align: center;

  }

  .single-room-dimention .img-wrap {

    float: none;

  }

  .single-room-dimention .img-holder {

    display: inline-block;

  }

  .single-room-dimention .content {

    text-align: left;

    position: relative;

    right: auto;

    top: auto;

    width: 68%;

    margin: auto;

    float: none;

    margin-top: 50px;

  }

  #room-dimention .gallery-filter li span {

    margin-bottom: 15px;

  }

  #luxury-villa p {

    margin-top: 25px;

  }

  .image-gallery .single-gallery.span-8 {

    width: 100%;

  }

  .image-gallery .single-gallery.span-4 {

    width: 50%;

  }

  .single-blog-post {

    margin-bottom: 30px;

  }

  #location-neighbouring div.google-map {

    width: 100%;

    margin: 0;

  }

  #blogs {

    padding-bottom: 50px;

  }

  .contact-form-wrap {

    margin-top: 0px;

  }

  .footer-menu {

    margin-top: 30px;

  }

  body .header-inner .navbar-collapse.collapse {

    display: none !important;

  }

  #property-highlight.about-page {

    padding-bottom: 50px;

  }

  .call-to-action-text h1 {

    font-size: 31px;

    line-height: 30px;

    margin: 0;

  }

  #property-highlight .property-highlight-text {

    padding-left: 30px;

  }

  .check-video-text {

    padding-left: 15px;

    margin-top: 50px;

  }

  .check-video-box .img-holder img {

    width: 100%;

  }

  .single-featured-option .icon-holder,

  .single-featured-option .content {

    display: block;

    text-align: center;

  }

  .single-featured-option .icon-holder {

    margin-bottom: 20px;

  }

  .single-featured-option .content {

    padding: 0;

  }

  .gallery-page-two .image-gallery .single-gallery {

    width: 50%;

  }

  .two-side-background .single-blog-post {

    width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  .single-sidebar {

    width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  #top-bar .contact-info li a {

    color: #fff;

    display: inline-block;

    font-family: "Open Sans", sans-serif;

    font-size: 14px;

    padding: 0 3px;

  }

  .single-neighbour {

    margin-bottom: 30px;

  }

  /* .testimonial-wrap-style-two .content {

    padding-left: 30px;

  } */

}

  @media only screen and (max-width: 767px) {



    .get-drctn-btn {

    position: fixed;

    top: 52%;

    right: 0px !important;

    z-index: 9999;

}

#banner-style-two .banner-content p {



  font-size: 25px;



}

#banner-style-two .banner-content h1{



  font-size: 42px;

}

iframe{

  width: 100%;

}

  .text-center-xs {

    text-align: center;

  }

  .section-title p br {

    display: none;

  }

  .hidden-bar {

    width: 85%;

  }

  header.home-header .navbar-collapse.collapse {

    display: none !important;

  }

  .navbar-header {

    margin: 5px 0 -3px;

  }

  #banner .porperty-details {

    width: 275px;

  }

  #about-section .about-text {

    margin-top: 50px;

  }

  .room-amount li {

    display: inline-grid;



    margin: auto;



  }

  #property-highlight .full-img img {

    float: none;

    width: 100%;

  }

  #property-highlight .property-highlight-text {

    padding-left: 15px;

  }

  #luxury-villa p {

    margin-top: 30px;

  }

  .image-gallery .single-gallery.span-8,

  .image-gallery .single-gallery.span-4 {

    width: 100%;

  }

  #room-dimention .gallery-filter li span {

    margin-bottom: 15px;

  }

  .single-room-dimention {

    text-align: center;

  }

  .single-room-dimention .img-wrap {

    float: none;

  }

  .single-room-dimention .img-holder {

    display: inline-block;

  }

  .single-room-dimention .img-holder img {

    display: block;

    width: 100%;

  }

  .single-room-dimention .content {

    text-align: left;

    position: relative;

    right: auto;

    top: auto;

    width: 85%;

    padding: 30px 25px;

    margin: auto;

    float: none;

    margin-top: 50px;

  }

  #location-neighbouring div.google-map {

    width: 100%;

    margin: 0;

    margin-top: 50px;

  }

  .single-testimonail {

    padding-left: 18px;

    padding-right: 18px;

  }

  .single-blog-post {

    margin-bottom: 30px;

  }

  #blogs {

    padding-bottom: 50px;

  }

  .agent-info .img-holder,

  .agent-info .content {

    display: block;

  }

  .agent-info .content {

    padding-left: 0;

    margin-top: 40px;

  }

  .contact-form-wrap {

    margin-top: 30px;

  }

  #home-footer-google-map-wrap .house-location {

    width: 300px;

    left: 0;

  }

  .footer-menu {

    margin-top: 30px;

  }

  footer p {

    color: #fff;

    font-size: 14px;

    margin: 0;

    line-height: 28px;

    margin-top: 15px;

  }

  body .header-inner .navbar-collapse.collapse {

    display: none !important;

  }

  .call-back {

    text-align: center;

    margin-bottom: 15px;

  }

  #blogs {

    overflow: hidden;

  }

  #top-bar .contact-info li {

    display: block;

    text-align: center;

    margin-bottom: 10px;

  }

  #top-bar .contact-info li:last-child {

    margin-bottom: 0;

  }

  .about-page-image {

    margin-top: 30px;

  }

  .property-highlight-text ul.facility-list {

    display: block;

    padding-right: 0;

  }

  .property-highlight-text {

    padding-bottom: 80px;

  }

  .call-to-action-text h1 {

    font-size: 26px;

    line-height: 31px;

    margin-bottom: 20px;

  }

  .check-video-text {

    padding-left: 15px;

    margin-top: 50px;

  }

  .single-featured-option {

    margin-bottom: 30px;

  }

  .featured-option {

    padding-bottom: 50px;

  }

  .check-video-box .img-holder img {

    width: 100%;

  }

  .single-featured-option .icon-holder,

  .single-featured-option .content {

    display: block;

    text-align: center;

  }

  .single-featured-option .icon-holder {

    margin-bottom: 20px;

  }

  .single-featured-option .content {

    padding: 0;

  }

  .gallery-page-two .image-gallery .single-gallery {

    width: 100%;

  }

  .image-gallery .single-gallery.span-6 {

    width: 100%;

  }

  .pagination ul {

    margin-bottom: -25px;

  }

  .pagination ul li {

    margin-bottom: 25px;

  }

  .blog-container .single-blog-post .post-meta .date-holder,

  .blog-container .single-blog-post .post-meta .title-holder {

    display: block;

  }

  .blog-container .single-blog-post .post-meta .date-holder {

    width: 60px;

    margin: auto;

    margin-bottom: 20px;

  }

  .blog-container .single-blog-post .post-meta .title-holder {

    padding-left: 0;

  }

  .blog-container .single-blog-post .post-meta .title-holder ul {

    padding-top: 5px;

    text-align: center;

  }

  .single-sidebar .villa-features li {

    width: 115px;

  }

  .single-sidebar form input {

    width: 80%;

  }

  .sidebar-wrap {

    padding: 0;

  }

  .blog-container .right-side .single-blog-post {

    margin-left: 0;

  }

  .single-page-content ul.list-item {

    display: block;

    padding-bottom: 20px;

  }

  .single-page-content .dtc {

    display: block;

  }

  .quote-box i.dtc {

    text-align: center;

  }

  .blog-container .single-blog-post .img-holder {

    margin: auto;

    display: block;

    margin-bottom: 30px;

  }

  .author-box .top-author-info-content {

    padding: 0 15px;

  }

  .author-box .submitted-post {

    float: none;

    display: block;

    text-align: center;

    margin-bottom: 10px;

  }

  .author-box .social-icons {

    display: block;

    text-align: center;

    float: none;

  }

  .author-box .social-icons ul {

    text-align: center;

  }

  .comment-box .single-comment .content {

    padding-left: 0px;

  }

  .comment-box .single-comment {

    padding-left: 15px;

    padding-right: 15px;

  }

  .comment-form form .half {

    float: none;

    width: 100%;

  }

  .comment-form form {

    padding-left: 15px;

    padding-right: 15px;

  }

  .single-page-content ul.list-item {

    padding-right: 0;

  }

  .blog-container .left-content .single-blog-post {

    margin-right: 0;

  }

  .single-page-content .left-content .image-content-holder {

    padding-left: 0;

  }

  .single-page-content .right-content .image-content-holder {

    padding-right: 0;

  }

  .single-page-content .image-content-holder {

    width: 100%;

    margin-top: 20px;

    margin-bottom: 20px;

  }

  .call-to-action.style-two .call-to-action-text {

    padding-left: 20px;

  }

  .featured-option.style-two .icon-holder {

    margin-left: auto;

    margin-right: auto;

  }

  .featured-option.style-two .content {

    padding: 0;

  }

  #contact-agent-modal .modal-agent-info-box .img-holder, 

  #contact-agent-modal .modal-agent-info-box .content {

    display: block;

  }

  #contact-agent-modal .modal-agent-info-box {

    margin-top: 0;

    padding: 0 20px;

    text-align: center;

  }

  #contact-agent-modal .modal-agent-info-box .img-holder {

    border-radius: 50%;

    width: 100%;

    margin-top: 20px;

  }

  #contact-agent-modal .modal-agent-info-box .content {

    padding-left: 0;

  }

  #contact-agent-modal .modal-agent-info-box .content h3 {

    margin-bottom: 11px;

    margin-top: 13px;

  }

  .contact-form-wrap {

    margin-top: 0;

  }

  #contact-agent-modal .modal-dialog .modal-header h4 {

    font-size: 16px;

  }

  #contact-agent-modal .modal-dialog .modal-header .close {

    height: 25px;

    line-height: 25px;

    right: 20px;

    width: 25px;

  }

  #contact-agent-modal .modal-contact-form {

    padding: 30px 20px 30px;

  }





        #banner-style-two.main {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/banner-style-two/mobile-ban-new.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

 #banner-style-two.chandramouli {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/chandramouli-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}



        #banner-style-two.ganadi-venkat {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/ganadi-venkat-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}















        #banner-style-two.kalyani {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/kalyani-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

        #banner-style-two.lokeshwar-reddy {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/lokeshwar-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

        #banner-style-two.murali-krishna {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/muralikrishna-mob.jpg  ) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

















        #banner-style-two.rajesh {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/rajeshreddy-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

        #banner-style-two.shashikala {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/shashikala-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

        #banner-style-two.sridevi {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/sridevi-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}















        #banner-style-two.sujatha {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/sujatha-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

        #banner-style-two.usha-babu {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/directors/usha-babu-mob.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}



#banner-style-two .make-appointment {

    background: rgba(239, 241, 242, 0.9) none repeat scroll 0 0;

    padding: 0 20px;

    width: 100%;

    /* margin-top: 66px; */

  }

  
@media only screen and (max-width: 360px) {
    #banner-style-two .make-appointment {
        margin-top: 63px;
    }
}

  #banner-style-two .make-appointment .top-header {

    margin-left: -20px;

    margin-right: -20px;

  }

  #banner-style-two .banner-content .number {

    font-size: 31px;

  }

  #location-neighbouring.style-two .single-neighbour {

    margin-bottom: 20px;

  }

  .testimonial-wrap-style-two .img-holder, .testimonial-wrap-style-two .content {

    display: block;

    text-align: center;

  }

  .testimonial-wrap-style-two .img-holder {

    width: 85%;

    margin: auto;

  }

  /* .testimonial-wrap-style-two .content {

    padding-left: 0;

  } */

  .testimonial-wrap-style-two .content .meta {

    display: block;

    float: none;

    text-align: center;

  }

  .testimonial-wrap-style-two .owl-theme .owl-nav {

    text-align: center;

    padding-left: 0;

    margin-top: 20px;

  }

  #agent-information .img-holder {

    position: relative;

    margin-bottom: 30px;

  }

  #agent-information .agent-information-text {

    padding-left: 0;

  }

  .contact-style-two .contact-info-wrap {

    padding: 70px 45px 70px 45px;

  }

  .contact-style-two .right-side-overlay-full .contact-form-wrap {

    padding-left: 15px;

    padding-right: 15px;

  }

  .call-to-action.style-two h2 {

    text-align: center;

  }

  .call-to-action.style-two p {

    text-align: center;

  }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.stricky-fixed .header-inner .logo img {

    width: 85%;

}

.room-amount li {

    display: inline-block;

    width: 50%;

  }

  .single-gallery .img-holder img {

    width: 100%;

  }

  #home-footer-google-map-wrap .house-location {

    width: 400px;

    left: 10%;

  }

  .hidden-bar {

    width: 350px;

  }

  .property-highlight-text ul.facility-list {

    display: table-cell;

    padding-right: 50px;

  }

  .gallery-page-two .image-gallery .single-gallery {

    width: 50%;

  }

  .blog-container .single-blog-post .post-meta .date-holder,

  .blog-container .single-blog-post .post-meta .title-holder {

    display: table-cell;

  }

  .blog-container .single-blog-post .post-meta .title-holder {

    padding-left: 30px;

  }

  .blog-container .single-blog-post .post-meta .title-holder ul {

    padding-top: 5px;

    text-align: left;

  }

  .single-sidebar {

    width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  #banner-style-two .banner-content p {

    font-size: 21px;

  }

  #agent-information .img-holder {

    margin-bottom: 30px;

    position: relative;

    display: inline-block;

    text-align: center;

  }

  #agent-information .agent-information-text {

    margin-top: 30px;

  }

}





/* modal responsive styles */





@media (min-width: 768px) {



    

    

    .modal-dialog {

      width: 900px;

      margin: 30px auto;

  }

}

@media only screen and (min-width: 375px) and (max-width: 767px){

.contact-style-two .contact-form-wrap button {

  font-size: 13px !important;

}

    .wid-190 {

        width: 160px !important;

        height: 40px;

    }



    .call-to-action-button button{

       font-size: 13px !important; 

    }

    .wid-200 {

        width: 170px !important;

        height: 45px !important;

    }



          .btn-default{

            font-size: 10px !important;

          }



          .btns-amenities .btn.btn-primary{

     border: none !important;

    padding: 0px !important;

    /* width: 10%; */

    font-weight: 700;

    font-size: 10px !important;

    text-transform: uppercase;

    /* margin-right: 15px;

    margin-left: 15px; */

}

#facilitiesButton, #amenitiesButton{

  margin-right: 1px !important;

}

#mapButton, #masterPlanButton{

  margin-left: 1px !important;

}

          .wid {

    width: 170px !important;

    height: 45px !important;

}

    .gallery {



  margin: 0 auto;

  display: grid;

  grid-template-columns: repeat(1, 1fr);

  grid-template-rows: 1fr;

  grid-column-gap: 5px;

  grid-row-gap: 5px;



}

    #property-highlight .full-img{

        padding: 0px;    }

    

    #banner-style-two {

  padding: 110px 0;

  position: relative;

  background: #004282 url(../img/banner-style-two/mobile-ban-new.jpg) 0 0 no-repeat;

  -webkit-background-size: cover;

  background-size: contain;

}

    /* .stricky-fixed .header-inner .logo img {

    width: 85%;

} */



    .sliding-gallery .img-gallery .sgl-gallery .img-holder{

        

        margin-bottom: 20px;

    } 



     .sliding-gallery .img-gallery .sgl-gallery .img-holder.last-child{

        

        margin-bottom: 0px;

    }

    /* .call-to-action-button button {

  border: none;

  background: #FFFFFF;

  color: #000000;

  border: 1px solid #6A6A6A;

  font-size: 16px;

  font-family: 'PT Serif', sans-serif;

  padding: 9px 20px;

} */

.call-to-action-button button {

  border: none;

  background: #FFFFFF;

  color: #2a2a2a;

  border: 1px solid #004282;

  font-size: 13px !important;

      font-weight: bold;

    font-family: 'Open Sans';

  padding: 0px !important;

  text-transform: uppercase;

}

    .mob-mt-30{

        margin-top: 30px;

    }

}









@media only screen and (min-width: 768px) and (max-width: 1023px){

#about-section {

    position: relative;

    padding: 70px 0 60px !important;

}



#location-neighbouring.style-two {

    /* background: #F2F2F2; */

    padding-top: 70px;

    padding-bottom: 30px;

}

.sliding-gallery {

    padding-top: 70px;

    padding-bottom: 80px;

}



#nri-support {

    padding-bottom: 60px;

}

.testimonial-wrap-style-two {

    background-color: transparent;

    /* padding-top: 50px; */

    padding-bottom: 60px;

}

#location {

    padding-top: 70px;

    padding-bottom: 70px;

}

#location .panel-group {

    margin-bottom: 0px;

}

.contact-style-two .contact-info-wrap {

    padding: 80px 70px 70px 75px;}



    .ellipse-shadow {

    position: absolute;

    left: 50%;

    top: 90px;}



.contact-style-two .right-side-overlay-full .contact-form-wrap {

    padding: 70px 50px !important;

}

.footer-menu .float-right {

    float: none;

}





}



@media only screen and (min-width: 1024px) and (max-width: 1399px)

{

  span#left {

    position: absolute !important;

    left: 30% !important;

}

span#right {

    position: absolute;

    right: 30% !important;

}

span#close {

    position: absolute;

    right: 10% !important;

    top: 1% !important;

}

}