Home Plans

/* ----------------------------------------- */ /* View: Homeinner Home Plans - start */ /* ----------------------------------------- */ /*-------- important style---------*/ .pagewidth {width: 100% !important;margin: 0 auto; padding: 0px;} #content { padding: 1px 0 60px;} #layout { max-width: 100%;} #body { padding: 0;} .page-bottom-text{ width: 96%; margin: auto;} .page-bottom-text h3{ font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important;color: #615d5d;font-size: 14px;} @media screen and (max-width: 980px) { .pagewidth { max-width: 100% !important;} } /*------- filter main style start------*/ .filter-full {padding: 1px 0px;border-bottom: 1px solid #eee; box-shadow: 0px 3px 4px #eee;} .filter-full-bg-img {background: #fff; margin: auto; width: 100%; border-radius: 4px;} .filter-table {width: 100%; margin:auto; max-width: 1100px;} .filter-full h3 {text-align: center; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important;color: #605C5C;font-size: 18px;} .filter-sec { width: 19%;display:inline-block; vertical-align:middle;} .fliter-part-1{ width: 74%;display:inline-block; vertical-align:middle;} .filter-part-2{ width: 25%; display:inline-block; vertical-align:middle;} .filter-sec-2{ width: 100%;display:inline-block; vertical-align:middle;} .filter-sec-2 input[type=text] {display:inline-block; vertical-align:middle;width: 166px; height:35px;} .filter-sec-2 input[type=submit] {display:inline-block; vertical-align:middle;} .details-title-filter h3 { display:none} /*------- filter main style End------*/ .filter-sec select{ width: 210px; height: 33px; border: 1px solid #c6c6c6; border-radius: 0px; box-shadow: none; z-index: 0; position: relative; background-color: transparent; font-size: 12px; margin: -2px 0 0px -2px; padding-bottom: 1px; } /*------- filter sub style start------*/ .drop-down-menu { background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/01/drop-down-2.png) 0 0; border: 1px solid #d5d4d4; height: 33px; width: 157px; overflow: hidden; } .webkit select, .gecko select, .opera select { background: none!important; border: none!important; width: 174px!important; height: 33px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; font-size: 12px; color: #838181; } .search-box input[type=text] { background: #FFFFFF!important;border: 1px solid #d5d4d4 !important;} .search-box input[type="submit"] { margin-left: 2px; background: #f7f7f7!important; border-radius: 0px!important; font-weight: 500; color: #3a3a3a; border: 1px solid #808080; transition: all 0.2s ease-out 0s; } .search-box input[type="submit"]:hover { background: #3a3939!important; font-weight: 500; border: 1px solid #808080; color: #fff; } .filter-sec-3 a:hover{ text-decoration: none;} .flat-button { position: relative; width: 156px; height: 31px; background: #4ab357; margin: 0 auto; overflow: hidden; z-index: 1; cursor: pointer; line-height: 30px; color: #fff; text-align: center; border-radius: 3px; font-size: 13px; box-shadow: 0px 3px 3px #eee; transition: all 0.2s ease-out 0s; } .flat-button:hover {background: #34923f;} /*-------------mobile view---------------------------*/ .flat-button-mobile{ display:none;} .details-title-filter h4{display:none;} /*------------------ Drop down style start-----------------*/ .container-drop-filter { width: 87.9%; padding-top: 0px; margin: auto; margin-top: -24px; background-color: #fff; z-index: 1; position: relative; border-radius: 2px 2px 0 0; box-shadow: 0px -18px 15px -14px #000;} .container-drop-filter > ul {list-style: none; padding: 0; margin: 0 0 20px 0;} .dropdown-filter { position: relative;z-index: 1;} .dropdown-filter a {text-decoration: none; } .dropdown-filter a:hover { background: rgb(249, 249, 249);} .dropdown-filter [data-toggle="dropdown"] { display: block; color: #393939; cursor: pointer; height: 0px; } .dropdown-filter [data-toggle="dropdown"]:before { position: absolute; display: block; font-size: 0.7em; color: #0A0A0A; top: 13px; right: 10px; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; } .dropdown-filter > .dropdown-menu1 { max-height: 0; overflow: hidden; list-style: none; padding: 0; margin: 0; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -moz-transition: max-height 0.6s ease-out; -o-transition: max-height 0.6s ease-out; -webkit-transition: max-height 0.6s ease-out; transition: max-height 0.6s ease-out; animation: hideAnimation 0.4s ease-out; -moz-animation: hideAnimation 0.4s ease-out; -webkit-animation: hideAnimation 0.4s ease-out; } .dropdown-filter > input[type="checkbox"] { opacity: 0; display:block; position: absolute; top: 0; width: 100%; cursor: pointer; } .dropdown-filter > .dropdown-menu1 li { padding: 0;} .dropdown-menu1{display: block;max-height:200px;} .dropdown-filter > input[type="checkbox"] ~ .dropdown-menu1 { max-height: 9999px; padding: 24px 0px; display: block; width:100%; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); animation: showAnimation 0.5s ease-in-out; -moz-animation: showAnimation 0.5s ease-in-out; -webkit-animation: showAnimation 0.5s ease-in-out; -moz-transition: max-height 2s ease-in-out; -o-transition: max-height 2s ease-in-out; -webkit-transition: max-height 2s ease-in-out; transition: max-height 2s ease-in-out; } .dropdown-filter > input[type="checkbox"]:checked ~ .dropdown-menu1 { max-height: 9999px; display:none; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); animation: showAnimation 0.5s ease-in-out; -moz-animation: showAnimation 0.5s ease-in-out; -webkit-animation: showAnimation 0.5s ease-in-out; -moz-transition: max-height 2s ease-in-out; -o-transition: max-height 2s ease-in-out; -webkit-transition: max-height 2s ease-in-out; transition: max-height 2s ease-in-out; } .dropdown-filter > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; } @keyframes showAnimation { 0% {-moz-transform: scaleY(0.1);-ms-transform: scaleY(0.1);-webkit-transform: scaleY(0.1);transform: scaleY(0.1); } 40% {-moz-transform: scaleY(1.04);-ms-transform: scaleY(1.04);-webkit-transform: scaleY(1.04);transform: scaleY(1.04);} 60% { -moz-transform: scaleY(0.98);-ms-transform: scaleY(0.98);-webkit-transform: scaleY(0.98);transform: scaleY(0.98);} 80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04);-webkit-transform: scaleY(1.04);transform: scaleY(1.04);} 100% {-moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98);transform: scaleY(0.98);} 80% {-moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02);} 100% { -moz-transform: scaleY(1);-ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1);} } @-moz-keyframes showAnimation { 0% { -moz-transform: scaleY(0.1);-ms-transform: scaleY(0.1);-webkit-transform: scaleY(0.1);transform: scaleY(0.1);} 40% {-moz-transform: scaleY(1.04);-ms-transform: scaleY(1.04);-webkit-transform: scaleY(1.04);transform: scaleY(1.04);} 60% {-moz-transform: scaleY(0.98);-ms-transform: scaleY(0.98);-webkit-transform: scaleY(0.98);transform: scaleY(0.98);} 80% {-moz-transform: scaleY(1.04);-ms-transform: scaleY(1.04);-webkit-transform: scaleY(1.04);transform: scaleY(1.04);} 100% {-moz-transform: scaleY(0.98);-ms-transform: scaleY(0.98);-webkit-transform: scaleY(0.98);transform: scaleY(0.98);} 80% {-moz-transform: scaleY(1.02);-ms-transform: scaleY(1.02);-webkit-transform: scaleY(1.02);transform: scaleY(1.02);} 100% {-moz-transform: scaleY(1);-ms-transform: scaleY(1); -webkit-transform: scaleY(1);transform: scaleY(1);} } @-webkit-keyframes showAnimation { 0% {-moz-transform: scaleY(0.1);-ms-transform: scaleY(0.1);-webkit-transform: scaleY(0.1);transform: scaleY(0.1);} 40% { -moz-transform: scaleY(1.04);-ms-transform: scaleY(1.04);-webkit-transform: scaleY(1.04);transform: scaleY(1.04);} 60% {-moz-transform: scaleY(0.98);-ms-transform: scaleY(0.98);-webkit-transform: scaleY(0.98); transform: scaleY(0.98);} 80% {-moz-transform: scaleY(1.04);-ms-transform: scaleY(1.04);-webkit-transform: scaleY(1.04); transform: scaleY(1.04);} 100% {-moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98);-webkit-transform: scaleY(0.98);transform: scaleY(0.98);} 80% {-moz-transform: scaleY(1.02);-ms-transform: scaleY(1.02);-webkit-transform: scaleY(1.02);transform: scaleY(1.02);} 100% {-moz-transform: scaleY(1);-ms-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);} } @keyframes hideAnimation { 0% { -moz-transform: scaleY(1);-ms-transform: scaleY(1);-webkit-transform: scaleY(1); transform: scaleY(1);} 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98);-webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02);} 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0);-webkit-transform: scaleY(0); transform: scaleY(0);} } @-moz-keyframes hideAnimation { 0% { -moz-transform: scaleY(1);-ms-transform: scaleY(1);-webkit-transform: scaleY(1); transform: scaleY(1);} 60% {-moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0);} } @-webkit-keyframes hideAnimation { 0% { -moz-transform: scaleY(1);-ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1);} 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02);} 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } .details-title-filter img, .details-title-filter h4, .dropdown-filter h6 { display:none; } /*----------------- Drop down End--------------------------*/ /*----------------- Responsive filter--------------------------*/ @media screen and (max-width:1100px) { .details-title-filter img { display:block; float: left; margin-top: 4px;} .dropdown-filter h6 { display: block; font-size: 10px; margin-top: -22px; text-align: center; width: 100%; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; text-transform: capitalize; } .details-title-filter h3{ display: block!important; margin-top: 5px; font-size: 14px; width: 134px; text-transform: capitalize; float: left; padding: 0px; margin: 0px; text-align: left; margin-left: 6px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; color: #3a3737; font-weight: 600; line-height: 30px; letter-spacing: 0.3px; } .container-drop-filter { padding: 14px; } .dropdown-filter > input[type="checkbox"] { height:100%; width: 100%; } .dropdown-filter [data-toggle="dropdown"] { height:30px !important; } .dropdown-filter [data-toggle="dropdown"] { background: rgb(252,252,252); margin-left: 12px; border: 1px solid #ebebeb; width: 95%; padding: 0px 7px; border-radius: 3px; box-shadow: 0px 1px 1px #eee; } .dropdown-filter > input[type="checkbox"] ~ .dropdown-menu1 { height:100% !important; display: none !important; } .dropdown-filter [data-toggle="dropdown"]:hover { background: #fff !important; } .dropdown-filter > input[type="checkbox"]:checked ~ .dropdown-menu1 { max-height: 9999px; display: block!important; width: 96%; margin: auto; background-color: #fff; padding: 7px 4px; border: 1px solid #eee; border-radius: 3px; border-top: 0px; margin-top: 9px; box-shadow: 0px 9px 5px -4PX #2d2d2d; } .dropdown-filter > input[type="checkbox"] ~ .dropdown-menu1 { max-height: 9999px; display: none; } .flat-button-mobile{ float: right; position: absolute; right: 3%; margin-top: 0px; display: block!important; width: 199px; height: 31px; padding: 0px 4%; background: #4ab357; margin: 0 auto; overflow: hidden; z-index: 2; cursor: pointer; line-height: 30px; color: #fff; text-align: center; border-radius: 3px; font-size: 13px; box-shadow: 0px 3px 3px #eee; transition: all 0.2s ease-out 0s; } .flat-button-mobile:hover { background: #34923f;transition: transform .3s;} .flat-button, .filter-sec-3 {display:none;} .filter-sec-2 { width: 100%;} .filter-part-2 {width: 28%;} .fliter-part-1 { width: 71%;} .filter-sec { width: 165px;} } @media screen and (max-width:1010px) { .fliter-part-1 {width: 100%;} .filter-part-2 {width: 100%;margin-Top: 7PX;} .filter-sec-2 input[type=text] {float: left; width: 70%; border: 1px solid #d8d7d7 !important;} } @media screen and (max-width:600px) { .dropdown-filter [data-toggle="dropdown"] { margin-left: 5px; width: 97%; padding: 0px; } .flat-button-mobile { width: 157px; padding: 0px 2%;} } @media screen and (max-width: 400px) { .flat-button-mobile { width: 120px;padding: 0px 1%;font-size: 9px;} .details-title-filter h3 {font-size: 12px;width: 88px;} } @media screen and (max-width: 350px) {.dropdown-filter h6 { display:none;} } /*----------------- Responsive filter END--------------------------*/ @import url('https://fonts.googleapis.com/css?family=Roboto+Slab'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Roboto'); .loading-page{display:block !important;} #content {width: 100%;} #sidebar{display:none;} #search-archive { display:block !important} #search-archive-main{margin:auto; max-width: 1200PX; margin-top: 30px;} .page-title { position: absolute; z-index: 2; width: 98%; margin: auto; line-height: 185px; text-align: center; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; color: #ffffff; font-size: 23px; font-weight: 500; text-transform: capitalize; } .page-title em { color: #1c6dbc; font-style: normal;} .srch-arch-box { width: 285px; height:345px; float: left; margin-left: 10px; margin-right: 3px; margin-bottom: 20px; box-shadow: 0px 2px 3px -2px #eee; border: 1px solid #eee; } .srch-homeplan-tag { position: absolute; z-index: 1; background-color: rgb(255, 129, 0); color: #fff; padding: 2px 8px; margin-top: 5px; font-size: 11px; } .srch-arch-details img { height: 200px;} .srch-sub-short { width: 96%; height: 35px; margin: auto; margin-top: 4px; } .srch-sub-short-sec1 { float: left; width: 33%; height: 30px;} .srch-sub-short h4 { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; font-size: 12px; margin: 0; padding: 0; line-height: 30px; text-align: center; text-transform: capitalize; font-weight: 600; color: #5d5858; } .short-sec-bg1{ border-right: 1px solid #f5f5f5; border-bottom: 1px solid #e6e6e6;} .short-sec-bg2{ border-bottom: 1px solid #e6e6e6;} .srch-post-link{ height: 36px;} .srch-post-link h3 { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; font-size: 12px; margin: 6px 0; color: #464545; font-weight: 500; text-transform: capitalize; } .srch-bottom { width: 96%; margin: auto; padding-top: 0px; } .srch-bottom-sec1 { float: left; width: 49%; margin-top: 1px; font-weight: 500; } .srch-bottom-sec2 { float: left; margin-top: 1px;} #regular-rupee-ico{ width: 18px; height: 16px; background: url(https://cdn1.homeinner.com/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) -314px -59px; float: left; margin-right: 1px; } #sale-rupee-ico{ width: 17px; height: 19px; background: url(https://cdn1.homeinner.com/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) -295px -43px; float: left; margin-top: 3px; margin-right: 0px; } .srch-bottom-sec1 h4 { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; font-size: 11px; color: #6a6968; padding: 0; margin: 0; text-transform: capitalize; font-weight: 500; } .srch-bottom-sec1 h5{ font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; font-size: 11px; color: #6a6968; padding: 0; margin: 19px auto; text-transform: capitalize; font-weight: 500; } .srch-bottom-sec2 h6 { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; float: left; color: #333131; padding: 0; margin: 0; font-weight: 500; font-size: 12px; text-transform: capitalize; } .srch-bottom-sec2 h3 { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; float: left; color: #333131; padding: 0; margin: 0; font-weight: 500; font-size: 12px; text-transform: capitalize; } .btn-view { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; border-radius: 2px; padding-top: 6px; font-size: 10px; font-weight: 600; color: #2b2a2a; background-color: #ececec; width: 94px; border: 1px solid #d4d4d4; line-height: 19px; text-align: center; cursor: pointer; text-transform: uppercase; margin-left: auto; margin-right: 6px; margin-top: 5px; transition: all 0.3s ease-out 0s; } .btn-view:hover { color: #2a69d2; background-color: #fff; box-shadow: 0 1.5px 3.5px 0px rgba(0,0,0,0.35); border: 1px solid #3b62c1; } .srch-arch-details a{ color: #1d2536;} .srch-bottom-sec1 a { color: #aeabab;} .no-image-sec { margin-top: 42px; font-size: 12px; text-align: center; color: #585e65; } .no-image-ico { background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png) 0px 0px; width: 54px; height: 50px; margin: auto; } /*------- fig hover---------*/ .design-main {width: 100%;margin: auto; max-width: 281px;} .img-container { position: relative; overflow: hidden; height: 183px; background-color: #eee; } .img-container > a:hover img { -webkit-transform: scale(1.1,1.1) rotate(1deg); transform: scale(1.1,1.1) rotate(1deg); -webkit-transition: all 3s; transition: all 3s; } .img-container img { height:180px; -webkit-transition: all .5s; transition: all .5s;} .shadow-bottom { height: 35px; position: absolute; width: 100%; bottom: 2px; opacity: 0.8; z-index: 0; background: #151515; background: -webkit-linear-gradient(rgba(255, 0, 0, 0.02), black); background: -o-linear-gradient(rgba(255, 0, 0, 0), black); background: -moz-linear-gradient(rgba(255, 0, 0, 0), black); background: linear-gradient(rgba(255, 0, 0, 0), black); } /*--------------------------- fig hover end-----------------*/ .srch-not-found { margin: auto; text-align: center;} #load-more a { background-color: rgb(81, 118, 211);} #load-more a { font-size: 14px; padding: 8px 56px 10px 56px; border-radius: 5px; font-weight: 600; box-shadow: none; } #bottom-ctgy-ico{ margin-top: 62px; float: right; width: 100%;} /*--------------------------------Pagination start-----------------------*/ .pagination-page-main{ float:right; width:100%;} .previous-page-btn { background: url(https://cdn1.homeinner.com/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) 0px 0; height: 36px; width: 29px; } .previous-page-btn:hover { background: url(https://cdn1.homeinner.com/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) 0px -36px; height: 36px; width: 29px; } .next-page-btn { background: url(https://cdn1.homeinner.com/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) -31px 0; height: 36px; width: 29px; } .next-page-btn:hover { background: url(https://cdn1.homeinner.com/wp-content/uploads/2016/10/indianhome-single-sprite-Image.png) -31px -36px; height: 36px; width: 29px; } .pagination-page {width: 100%;max-width: 500px;margin: auto;} .pagination-previous, .pagination-numbers { float: left;} .pagination-next{float: right;} .pagination-numbers ul{ list-style: none;} .pagination-numbers li {float: left;} .pagination-numbers li { float: left; padding: 1px 5px; background-color: #eef3ff; margin: 0; margin-left: 3px; border: 1px solid #cbdaff; } .pagination-numbers ul { list-style: none; width: 100%; margin: 8px 0px; } .pagination-numbers .wpv_page_current { background: #5177d3; color: #fff; } @media screen and (max-width:1260px) { #search-archive-main { margin: auto; width: 100%; max-width:900px;} } @media screen and (max-width:960px) { #search-archive-main { max-width:610px;} } @media screen and (max-width:650px) { .srch-arch-box { width: 47%; max-width: 300px; } } @media screen and (max-width:436px) { .srch-arch-box { width:100%; max-width: 300px; } #search-archive-main { max-width: 310px;} } /* ----------------------------------------- */ /* View: Homeinner Home Plans - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Home design archive slider - start */ /* ----------------------------------------- */ .archive-slider-bg{ height: 199px; position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .archive-slider-bg h1 { text-align: center; margin-top: 70px; color: #fff; font-size: 27px; text-transform: uppercase; font-weight: 600; } .archive-slider { width: 100%; position: relative; overflow: hidden; } .archive-slider-main { width: 1613px; overflow: hidden; margin: auto; } /* ----------------------------------------- */ /* View: Home design archive slider - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: top list menu - start */ /* ----------------------------------------- */ .social-widget { max-width: 490px; float: right; } .social-widget nav { display: inline-block; float: left; vertical-align: top; } .login-link{ padding: 4px 10px; background-color: #29cc5b; color: #fff !important; } .newplan-nav a {font-size:13px;} .social-widget a:hover { color: #573AED; } #top-contact-nav { width: 100%; margin: auto !important; position: relative; } #top-contact-nav li { padding: 0px 7px; border-right: 1px solid #eee !important; display: inline-block; } #top-contact-nav a{ font-size: 12px; color: #817e7e !important; } .contact-number { float: right; } .show-menu { width: auto; } .newplan-nav { font-size: 13px; margin-left: 5px; display: inline-block; } .newplan-nav a{ margin-right: 4px; color: #817e7e !important; } .newplan-nav span { background-color: #0fcb11; color: #fff; padding: 2px 7px; margin-right: 4px; } .contact-number h6 { margin: 0; padding: 2px 7px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; letter-spacing: -0.5px; font-weight: 600; color: #5d5b5b; float: left; } .social-widget nav { display:inline-block; } .nav-icon .fa { display: none !important; } ul.navUL, #id-show-menu { list-style: none; margin: 0; padding: 0; } input#id-show-menu { opacity: 0; display:none; } #cnt-whatsaap-ico img { width: 17px; margin-left: 4px; margin-top: 2px; } #cnt-whatsaap-ico {float:left; } @media screen and (max-width: 1217px) { .mobile_menu_active .social-widget { margin: 0 !important; } .social-widget .widget { width: 100% !important; } .contact-number {margin-right: 22px;} } @media screen and (max-width: 800px){ .social-widget nav { position: absolute; right: 0; z-index: 100002; width: 194px; top: -4px; } .log-div { position: absolute; top: 0; right: 48px; z-index: 100003; } .show-menu { cursor: pointer; } .nav-icon .fa { display: block !important; } input.checkbox-menu[type="checkbox"] { display: none; -webkit-appearance: none; } input.checkbox-menu[type="checkbox"]:checked ~ div.menu-block { opacity: 1; visibility: visible; } .nav-icon { display: inline-block; font-size: 1.5em; vertical-align: middle; } .menu-block { background-color: #eee; padding: 3px 3px; display: inline-block; opacity: 0; vertical-align: middle; visibility: hidden; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } ul.navUL li { display: inline-block; padding: 0px 5px; } .social-widget { position: absolute !important; margin: 0; padding: 0; top: -70px; } } /* ----------------------------------------- */ /* Content Template: top list menu - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: home design archive slider – slide - start */ /* ----------------------------------------- */ .sngl-slide img { height: 194px; width: 266px; } .sngl-slide { float: left; margin-left: 0px; margin-right: 0px; width: 266px; } /*-------------------- other common styles in Home page- featured slide designs view --------*/ /* ----------------------------------------- */ /* Content Template: home design archive slider – slide - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Category Icons Indian Home Design - start */ /* ----------------------------------------- */ /*------------------- Home Icons---------------*/ #home-category-link { background-color: #fff; width: 100%; padding: 20px 0; } #home-ctgy-main { width: 96%; max-width: 1100px; text-align: center; margin: auto;} .home-ctgy-sec1 { vertical-align:top; display: inline-block; width: 13%;} .home-ctgy-sec1 a{ color: #000;} .home-ctgy-sec1 a:hover{ color: #328df9;} .home-ctgy-ico1{ background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)0px 0px; width: 54px; height: 50px; margin: auto; } .home-ctgy-ico2{ background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)-408px 0px; width: 72px; height: 50px; margin: auto; } .home-ctgy-ico3{ background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)-124px 0px; width: 63px; height: 50px; margin: auto; } .home-ctgy-ico4{ background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)-53px 0px; width: 72px; height: 50px; margin: auto; } .home-ctgy-ico5{ background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)-255px 0px; width: 85px; height: 50px; margin: auto; } .home-ctgy-ico6 { background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)-188px 0px; width: 67px; height: 50px; margin: auto; } .home-ctgy-ico7{ background: url(https://cdn2.homeinner.com/wp-content/uploads/2016/10/indianhomedesign-icons.png)-340px 0px; width: 67px; height: 50px; margin: auto; } .home-ctgy-name { text-align: center; padding: 9px 0px; font-weight: 500; font-size: 13px; } @media screen and (max-width:680px) { .home-ctgy-sec1 { width: 24%; } #content-all{padding:0;} } @media screen and (max-width:480px) { .home-ctgy-sec1 { width: 32%; } } @media screen and (max-width:300px) { .home-ctgy-sec1 { width: 35%; } } /* ----------------------------------------- */ /* Content Template: Category Icons Indian Home Design - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Common css - start */ /* ----------------------------------------- */ .thumbnail{margin-top:20px!important; margin-bottom:0px !important;} .ddl-navbar { width: 100%; } .col-sm-12{width:100% !important;} body .ddl-nav > li > a { font-weight: 600 !important; font-size: 12px !important; padding: 9px 17px !important; } body .ddl-nav > li > a::after{display:none;} .ddl-nav-wrap { float: right; margin-top: 0; margin-left: 0; margin-bottom: 0; } body .ddl-navbar { margin-bottom: 0; } .container { width: 100%; padding: 0; margin: 0; } #search-top{ display: inline-block; text-align: right; margin-top: 40px; } .search-form{ display: inline-block; vertical-align:top;} #search-top input.search-submit[type="submit"] { padding: 5px 12px; font-size: 14px; display: inline-block; vertical-align: top; } #search-top .search-form .search-field { height: 30px; } h1{ margin:0; font-size: 28px; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 0; } h3, .h3 { font-size: 1em; } h2, .h2 { font-size: 22px; font-weight: 600; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 15px; font-weight: 600; } a:hover, a:focus { color: #f2f2f2; text-decoration: none; } #footer-content { background-color: #2e3542; } #footer-content .row { max-width: 1300px; padding: 20px; margin: auto; } #footer-content h3 { text-align: center; font-weight: 600; color: #dedede; } #footer-content .textwidget { font-size: 13px; color: #8f8a8a; line-height: 15px; } .tagcloud { line-height: 16px; } #footer-content a { color: #fff; font-size: 13px !important; } #footer-content ul{ margin: 0; padding: 0; } #footer-content li{list-style: none;} @media screen and (max-width:400px) { #search-top label { display: inline-block; text-align: left; width: 45%; } } /* ----------------------------------------- */ /* Content Template: Common css - end */ /* ----------------------------------------- */