@media screen and (min-width:1600px){ .banner_div.space ul li{ width:18%; margin: 43px 20px 0px; float:none; } .banner_div.space.blkclr ul li{ width:18%; margin: 43px 20px 0px; float:none; } .banner_div.space.blkclr ul li img{ width:100%; } .banner_div.space ul li img{ width:100%; } .contactus_area .one_havelock h3{ font-size: 22px !important; } .contactus_area .one_havelock p a, .contactus_area .one_havelock p span{ font-size: 22px !important; line-height: 30px !important; font-weight: 400 !important; } .contactus_area .one_havelock h5 { line-height: 20px; margin-top: 95px !important; font-size: 14px; max-width: 289px; } .banner_div.main_banner_home.video-one video { width: 100%; height: auto; transform: scale(1) !important; margin-top: 0% !important; } } @media screen and (min-width: 1400px){ .gallery_new { max-width: 1344px; margin: 0px auto; width: 100%; } } @media screen and (min-width:1700px){ .gallery_new { max-width: 1697px; } .column_1 a { width: 418px; } } @media screen and (min-width:1500px){ .contactus_area .one_havelock { position: absolute; width: 36%; right: 23px; bottom: 0px !important; height: 100%; top: initial !important; z-index: 999; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 89px; } } @media screen and (min-width:1920px){ .contactus_area .one_havelock h5 { margin-top: 118px !important; } .column_1 a { width: 480px; } .gallery_new { max-width: 1920px; } } @media screen and (max-width: 1300px){ .icon-div { position: absolute; top: 41%;} .footer { position: relative; margin-top: -6px;} .banner_div.main_banner_home.video-one video { width: 1198px; height: 674px; } .main_banner_home img { height: 100%; } .one_img img { width: 25%; object-fit: contain; top: 0; position: relative; right: 0; margin: 0 auto !important; } .banner_div.main_banner_home { overflow: hidden; height: 100%; } .logo_div img { width: 140px; } .a_walk{ margin-top: 160px; } } @media screen and (max-width:1400px) and (min-width:1345px){ .gallery_new { max-width: 1345px; margin: 0px auto; width: 100%; } .column_1 a { width: 335px; } } @media screen and (max-width:1343px) and (min-width:1280px){ .gallery_new { max-width: 1280px; margin: 0px auto; width: 100%; } .column_1 a { width: 320px !important; } } @media screen and (min-width:1200px) and (max-width: 1299px){ .gallery_new { width: 1200px; margin: 0px auto; display: table; } .column_1 a { width: 299px !important; } } @media screen and (min-width:1024px) and (max-width:1200px){ .gallery_new { max-width: 1024px; margin: 0px auto; width: 100%; } .column_1 a { width: 256px; } } @media screen and (min-width:1167px) and (max-width:1300px){ .frist_div { padding-top: 6px; padding: 0px; } .footer { position: relative; margin-top: -38px !important; } .column_1 a { width: 305px; } .column_1 a { width: 249px; } } @media screen and (min-width:1150px) and (max-width:1300px){ .img_phase .col-md-5 img,.img_phase .txt_phase { height: auto; width: 100%; } .img_phase .txt_phase h4 { margin-bottom: 0px; } .contactus_area .one_havelock h5 { max-width: 323px; } .frist_div ul { margin-top: 3px; } } @media screen and (max-width:1150px) and (min-width:767px){ .img_phase .col-md-5 img,.img_phase .txt_phase { height: auto; width: 100%; } } @media screen and (max-width:767px) and (min-width:600px){ .img_phase .col-md-5 img,.img_phase .txt_phase { height: auto; width: 100%; max-width: 100%; } } @media screen and (max-width: 1299px) and (min-width:991px){ .icon-div { position: absolute; top: 66%; } .menu_one .navbar-default .navbar-nav>li>a { transform: scale(0.90); } .navbar-nav>li small { left: -22px; } .nav>li { padding-left: 0px; } li.home-one { padding-right: 0px; } .one_img img { width: 409px; } .banner_div.main_banner_home.video-one video { width: 100%; height: auto; transform: scale(1); margin-top: 0%; } .banner_div.main_banner_home { overflow: hidden; height: 100vh; } .footer { position: relative; margin-top: -44px; } } @media screen and (min-height: 780px){ .banner_div.video-div video { width: 100%; transform: scale(1.9) !important; } } @media screen and ( max-height: 1200px ) and ( min-height: 780px ){ .banner_div.main_banner_home.video-one video { width: 100%; height: auto; transform: scale(1.5); margin-top: 14%; } .contactus_area video { width: 100% !important; transform: scale(1.4); margin-top: 10%; } .contactus_area .one_havelock { top: inherit !important; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 105px; } body .contactus_area .one_havelock { top: 0% !important; } .contactus_area .one_havelock h5 { text-align: justify; margin-top: 95px !important; } .space .a_walk p{ padding-bottom: 20px; } .space .a_walk ul{ padding-top:50px; } } @media screen and (max-width: 1199px) and (min-width:991px){ .banner_div.main_banner_home.video-one video { transform: scale(1.8); margin-top: 7%; } } @media screen and (max-width: 1285px) and (min-width:991px){ .footer { position: relative; margin-top: -66px; } } @media screen and (max-width: 1150px){ .banner_div.video-div{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap-reverse; } .one_havelock{ position: initial; width: 100%; margin: 0 auto; background: #e5eff9; padding: 20px 5%; } .images-main img{ width: 100%; height: initial; object-fit: cover; min-height: 300px; } .img_phase .col-md-5 img { padding-left: 0; } .banner_div.video-div.contactus_area { height: auto !important; } } @media screen and (max-width: 1199px){} @media screen and (max-width:1040px) and (min-width: 991px){ .banner_div.main_banner_home.video-one video { transform: scale(1.6); } } @media screen and (max-width: 1299px) and (min-width:991px){ .contactus_area .one_havelock { top: 24% !important; } .banner_div.video-div video { width: 100%; transform: scale(1.5); } } @media screen and (max-width: 991px){ .one_havelock .col-md-5, .one_havelock .col-md-7 { width: 50%; float: left; } .accordion_div { position: relative; right: 0; top: -15px; z-index: 99999; left: -59px; float: right; } #accordionMenu { margin-bottom: 0px; } .menu_one{padding:0px;} .logo_div img { width: 73%; } .logo_div { float: left; width: 22%; } .banner_div.main_banner_home.video-one video { width: auto; height: 100%; } .logo_div { float: left; } .banner_div.main_banner_home.video-one video { width: 100%; } } @media screen and (max-width: 990px){ .sct-two .row , .sct-four .row{ display: flex; flex-wrap: wrap-reverse; } .banner_div.space { height: 100%; } .nav>li { padding-left: 7px; } .footer2 { position: relative; margin-top: 0 !important; } .sct-two .row .blog_img , .sct-four .blog_img, .sct-three .blog_img, .sct-one .blog_img{ width: 100%; margin: 0 auto; display: block; min-height: initial; } .sct-two .row .col-md-6.img_small, .sct-four .row .col-md-6.img_small{ width: 100%; } .sct-two .row .blog_img img, .sct-four .row .blog_img img, .sct-three .row .blog_img img,.sct-one .blog_img img{ width: 100%; object-fit: initial; max-height: initial; min-height: initial; object-fit: cover; min-height: 200px; } .images-main{ height: initial; } .main_banner_home .icon-div { position: relative; top: 0%; background: #9cabb5; padding: 109px 0px 86px; margin-top: -10px; } .main_banner_home .one_img img { max-width: 399px; width: 100%; } .contactus_area .one_havelock { position: relative; width: 100%; right: 0px; bottom: 0px !important; height: auto; top: initial !important; z-index: 999; } .contactus_area video { width: 100% !important; height: auto !important; } /*.img_phase .col-md-7{ width: 67%; float: left; } .img_phase .col-md-5{ width: 33%; float: left; }*/ .gallery_new { max-width: 700px; margin: 0px auto !important; } .gallery_new .column_1 a { width: 232px; } .nav_img_area { max-width: 707px; width: 100%; position: relative; text-align: right; } .faces_courts.place { padding-bottom: 16px; } .faces_courts.place { padding-bottom: 36px !important; } } @media screen and (max-width: 800px){ .faces_images .row{ display: block; width: 70%; margin: 0 auto; } .three-div_min{ display: block; width: 100%; } .gallery_new .column_1 { -ms-flex: 100% !important; flex: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 768px){ .modal-content{ height: auto; width: 90%; } .one_havelock h2{ font-size: 36px; line-height: 1.5em; } .modal{ padding: 0px !important; align-items: center; justify-content: center; } } @media screen and (max-width: 767px){ .logo_div { float: left; width: 33%; position: relative; z-index: 999999; } .logo_div img { z-index: 999; } .faces_images { padding-top: 16px; } .menu_one .navbar-default .navbar-nav>li>a:hover::after { opacity: 0 !important; } .faces_courts.place { padding-top: 0 !important; } .gallery_new { max-width: 438px; margin: 0px auto !important; } .gallery_new .column_1 a { width: 218px; } .nav_img_area { max-width: 532px; } .accordion_div { left: -76px; right: 0px; max-width: 431px; margin: 0px auto; float: none; } .nav_img_area { right: 9px; } .img_phase .col-md-7 { width: 60%; float: left; } .img_phase .col-md-5 { width: 40%; float: left; } .img_phase .col-md-5 img { object-fit: fill; } .img_phase .col-md-5 img,.img_phase .txt_phase{ height:auto; } .menu_one.space ul.nav.navbar-nav li a.active { color: #ab0534 !important; } .menu_one.space ul.nav.navbar-nav li a { color: #fff; } .navbar-nav>li small { width: auto !important; position: relative; } .menu_one .navbar-collapse { /* width: 100%; */ position: absolute; /* right: 40px; */ width: 180px; padding: 0px; right: 0px; border: none; z-index: 9999; } .footer { position: relative; margin-top: -1px; } .banner_div.main_banner_home.video-one video { width: 100%; height: auto !important; } .banner_div.main_banner_home { overflow: hidden; height: auto !important; } .a_walk p{ width: 80%; line-height: 1.7em; } .faces_down p{width: 80%; line-height: 1.7em;} p{ line-height:1.7em;} .a_walk ul{ margin-top:10px} .a_walk ul li{ margin-bottom:20px;} .navbar-collapse{width:180px;border: none!important;} .navbar-collapse.in{ /* width: 100%; */ /* position: absolute; */ /* right: 40px; */ width: 180px; padding: 0px; border: none; } .navbar-collapse.in ul{ margin: 0px; } .menu_one .navbar-default .navbar-nav>li{background: #a9b3bd;border-bottom: 1px solid #6d7073;/* display: flex; *//* flex-wrap: wrap; */padding: 10px;} .menu_one .navbar-default .navbar-nav>li>a{ padding: 0px; width: 100%; height: initial; color: #fff; text-align: center; } .navbar-nav>li small { width: 100%!important; opacity: 1; color: #1d1d1d; text-align: center; display: block; float: none; left: 0px; } .menu_one .navbar-default .navbar-nav>li>a:hover, .menu_one .navbar-default .navbar-nav>li>a.active{background:transparent;width: 100%;height: initial;} .menu_one .navbar-default .navbar-nav>li>a.active::after { opacity: 0 !important; } .one_havelock { padding: 20px 5% 46px; } .arrow_div { bottom: 15px; } .blkclr .a_walk ul { padding-top: 0px; } .modal-content { width: 83%; } #phase2.banner_div.video-div { height: auto !important; } .one_havelock { position: relative; width: 100%; left: 0px; float: left; width: 100%; } .accordion_div { z-index: 999; } .nav_img_area { z-index: 99; } } @media screen and (max-width: 600px){ .logo_div img { width: 99px; } .a_walk{ /* margin-top: 22%; */ margin: 0px; padding-top: 130px; } .faces_images .row{ width: 80%; } .cj-div h1{ font-size:17px;} .img_phase .col-md-5 img, .img_phase .txt_phase { height: auto; } } @media screen and (max-width: 600px) and (min-width: 320px){ .img_phase .col-md-5 img, .img_phase .txt_phase { height: auto; width: 100%; min-width: 100%; }} @media screen and (max-width: 480px) and (min-width: 320px){ .img_phase .col-md-5 img, .img_phase .txt_phase { height: auto; width: 100%; min-width: auto; max-width: auto; } .img_phase .txt_phase h4{ padding-left: 15px; } } @media screen and (max-width: 480px){ .a_walk h2, .faces_down h1{ font-size: 25px; } .bottom_back .arrow_div2 { top: 3px; } .faces_down p { width: 100%; } .one_img { display: none; } .faces_courts.place { padding-bottom: 16px; } .one_havelock h2{ font-size: 30px; } .one_img { padding: 0px 8px; } .main_banner_home .icon-div { top: 55%; } .banner_div.main_banner_home.video-one video { width: 100%; height: auto; } .main_banner_home .one_img img { max-width: 323px; width: 100%; } .icon-div ul li { width: 56px; } .footer.hom_footer { position: relative; margin-top: 0 !important; left: 0px; right: 0px; bottom: 0; margin: 0px !important; } .section_audio { right: 4px; bottom: inherit; width: 37px; position: absolute; top: -54px; } .section_audio img { display: inline-block; margin-top: 10px; width: 46%; } .img_phase .col-md-5 { width: 100%; float: left; } .img_phase .col-md-7{ padding: 0px; width: 100%; } .img_phase .col-md-5 img { object-fit: cover; height: auto; } .img_phase .txt_phase { height: auto; width: 100%; } .bottom_back { background-attachment: inherit; padding: 54px 0px 50px; } .main_banner_home .icon-div { padding: 90px 0px 48px; } .banner_div.main_banner_home.video-one video { width: 100%; height: auto; transform: scale(1.9); margin-top: 30%; } .bottom_back::after { background: rgba(0,0,0,0.3); } .blkclr .a_walk p br { display: none; } .accordion_div { left: 0; float: left; } .gallery_new .column_1 a { width: 100%; float: left; width: 100%; } .column_1 { column-width: inherit; column-gap: inherit; width: 100% !important; } .gallery_new .column_1 a { width: 50%; float: left; } .modal-content iframe { max-width: 100%; width: 100%; height: 289px !important; } } @media screen and (min-height:767px){ .main_banner_home .icon-div { padding: 134px 0px 82px !important; margin-top: 31px !important; } } @media screen and (max-width:378px) and (min-width:370px){ .gallery_new .column_1 a { width: 49.90%; float: left; } } @media screen and (max-width: 400px){ .faces_images .row{ width:90%;} .footer .container-fluid { padding-right: 12px; padding-left: 12px; } .one_havelock h2 { font-size: 25px; } .main_banner_home .icon-div { padding: 74px 0px 34px; margin-top: 31px; } .modal5 .modal-content3 { max-width: 283px; padding: 22px 8px 0px; } .modal5 .modal-content3 p { font-size: 13.5px; } .btn_area_v a { font-size: 12px; } .modal5 .modal-content3 h2 { font-size: 22px; } } @media screen and (max-width:330px){ .main_banner_home .icon-div { margin-top: -13px; } .main_banner_home .icon-div { padding: 54px 0px 9px; } } @media screen and (max-width:480px){ .faces_images .row .col-md-3.cj-div:first-child h1 { padding: 0px 0px; max-width: 176px; margin: 10px auto 3px; } .faces_images .row .col-md-3.cj-div:nth-child(4) h1 { padding: 0px 0px; max-width: 192px; margin: 10px auto 3px; } } @media screen and (max-width:1242px) and (min-width:1199px){ .sec_txt { padding-top: 7%; padding-right: 35px; } } @media screen and (max-width:1060px) and (min-width:991px){ .sec_txt { padding-right: 35px; } } @media screen and (max-width:842px) { .elips_div ul li { position: relative; display: block; } .elips_div { position: absolute; z-index: 999999; right: 8; top: inherit; text-align: center; bottom: 62px; } .sct-one .sec_txt { padding-right: 65px; } .sct-one { padding: 39px 0px; } } @media screen and (max-width:1150px){ .images-main { height: auto; } } @media screen and (max-width:319px){ .footer .row .col-md-3:nth-child(3){ max-width: 217px; margin: 0px auto; } }