﻿@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
}
ul {
	list-style:none;
	padding:0;
	margin:0;
}
header {
	background:#fff;
	padding:30px 0px 10px;
}
header{background: #4D7FD3; padding:0;}
.menu .navbar-default{ border:none;}

.secondHeader {
    background-color: #d9edf7;
    padding: 3px;
}

header .search input {
	width:100%;
	height:50px;
	border:1px solid#c2c2c2;
}
.nav_g {
    background-color: #5DD327!important;
}
.nav_b {
    background-color: #000000!important;
}
header .search {
	position:relative;
}
header .search .btn-search {
	background-color:transparent;
	position:absolute;
	top:6px;
	right:0;
}
.login-signup li {
	display:inline-block;
}
.login-signup a {
	color:#fff;
	font-size:14px;
	font-weight:300;
}
.login-signup a:hover {
	color:#000;
	transition:0.6s;
}
.login-signup {
	padding-top:14px;
	float:right;
}
.top-social {
	padding-top:30px;
}
 .login-signup li:nth-child(3) {
padding-left:60px;
}
.top-social ul li {
	display:inline-block;
}
.top-social ul li img {
	width:68%;
}
.menu-text {
	display:none;

}
.menu .navbar-default {
    background-color: #4D7FD3;
    border-radius: 0;
	margin-bottom:0;
}
.menu .navbar-default .navbar-nav > li > a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
}


.logo{ padding-top:5px;}
.menu .nav > li > a {
	position: relative;
	display: block;
	padding: 15px 12px;
}

.menu li a:hover{color:#000;}

.slider .bx-wrapper{margin-bottom: 40px;}
.slider .bx-prev{ background:url(../images/prev.png) no-repeat left center; display:inline-block; left:20px;}
.slider .bx-next{ background:url(../images/next.png) no-repeat right center; display:inline-block; right:20px;}
.img-title{position: absolute;
    bottom: 50px;
    left: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;}
	
	
.slider .bx-wrapper .bx-pager,.slider .bx-wrapper .bx-controls-auto {
    bottom: 15px;
}	

.slider .bx-wrapper .bx-pager.bx-default-pager a.active{ width:7px; height:7px; background:#fff;}
.slider .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff!important;}
.today-featuredesign {
    background: #fff;
    box-shadow: 0px 0px 11px rgba(0,0,0,0.3);
    text-align: center;
    padding: 30px 0px 30px;
}
.today-featuredesign h1{ font-size:16px; font-weight:700; color:#444343;}
.today-featuredesign .designer-name {
    font-size: 20px;
    color: #ec3e6d;
    font-weight: 300;
}
.designer-place, .upload-design {
    font-size: 20px;
    color: #444343;
    font-weight: 300;
}
.designer-place {
    padding: 27px 0px;
}
.design-img {
    padding: 30px 0px;
}

.design-img img{ max-width:100%;width:100px;}

.heading {
    font-size: 24px;
    font-weight: 400;
    color: #444343;
}

.design-gallery .nav-tabs > li > a,.design-gallery .nav-tabs > li.active > a, 
.design-gallery .nav-tabs > li.active > a:hover, .design-gallery .nav-tabs > li.active > a:focus{ font-size:14px; font-weight:300; color:#444343; border:1px solid#fff; background:#fff;}
.design-gallery .nav-tabs {
    border-bottom: 1px solid #fff;
}
.d-gal-block{position: relative;
    overflow: hidden;}

.d-gal-block img {
    max-width: 100%;
	    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    
    
}
.d-gal-block:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.d-gal-block{ margin-bottom:30px;}
.tabs-title{margin-bottom: 30px;
    display: block;
    overflow: hidden;}
	.d-gal-block{ background:#fff; box-shadow:0px 0px 11px rgba(0,0,0,0.5);}
	.small-section ul li{ margin-bottom:20px;box-shadow:0px 0px 11px rgba(0,0,0,0.5);}
	.popular-searches .d-gal-block,.idea-tips .d-gal-block,.comapre-before .d-gal-block { min-height:370px;}
	.small-img img{ height:110px;}
	.discussion-img {
    float: left;
    margin-right: 45px;
    width: 30%;
}
	.discussion-img img{max-width:100%;}
	p{ font-size:18px; font-weight:400; color:#444343;}
	.d-com{font-size:16px; font-weight:300; color:#444343;}
	.author{color:#ea1c57;}
	.comment-timed-com,.comment-answer{color:#c9cac9;}
	.discussion{border-top: 2px solid#ebebeb;
    margin-top: 20px;
    padding-top: 50px;}
	.design-gallery{ margin-bottom:30px;}
	.discussion-block{ margin-bottom:25px; overflow:hidden;}
	.dis-right-content{ margin-top:30px;}
	.dis-right-block{ margin-bottom:50px;}
	.dis-right-block img{ max-width:100%;}
	.more-dicussion { float:right;}
	.more-dicussion a{color:#ec3e6d; font-size:16px; font-weight:700;}
	.more-dicussion a:hover{color:#000;}
	.active-user{ text-align:center;}
	.active-user .heading {
    margin: 0px 0px 40px;
}
	.user-name {color:#444343; font-size:18px; font-weight:400; margin:20px 0px 10px;}
	.user-designation{color:#c8c8c8; font-size:16px; font-weight:400;}
	.user-details img{ margin:0 auto;}
	.user-details {background: #fff;
    border: 3px solid#c8c8c8;
    border-radius: 4px; padding:15px 0px;}

    .gak-title{text-align: center;
    padding-top: 10px;
    font-size: 16px; color:#434343;}

footer{ background:#3c3a3a;}
.footer-top{ padding:40px 0px;}
footer h3{ font-size:18px; color:#ffffff; margin-bottom:20px;}
footer a{ font-size:14px; color:#c5c0c0; font-weight:400; text-decoration:underline; margin-bottom:10px; display:block;}
footer a:hover{color:#fff;}
.footer-links{ font-size:14px; color:#c5c0c0; font-weight:400;}
.footer-bottom{ border-top:1px solid#c8c8c8; padding:30px 0px 40px;}
.bx-wrapper .bx-controls-direction a.disabled {
    display: block!important;
}

.blockslider .bx-prev{background: url(../images/next1.png) no-repeat right center;
    display: inline-block;
    left:-80px; width: 64px!important; height: 64px!important;}

.blockslider .bx-next{background: url(../images/prev1.png) no-repeat right center;
    display: inline-block;
    right:-80px;width: 64px!important; height: 64px!important;}


    .blockslider .owl-carousel .owl-nav .owl-prev {background: url(../images/next1.png) no-repeat right center;
    display: inline-block;
    left:-80px; width: 64px!important; height: 64px!important; text-indent: -999px; overflow: hidden;position: absolute;
    top: 60px;}

    .blockslider .owl-carousel .owl-nav .owl-next{background: url(../images/prev1.png) no-repeat right center;
    display: inline-block;
    right:-80px;width: 64px!important; height: 64px!important;text-indent: -999px; overflow: hidden;position: absolute;
    top: 60px;}

.blockslider .bx-wrapper{ margin-bottom: 0; }
.home-banner img{ max-width: 100%; }


.home-banner{ position: relative; text-align: center; }

.homebanner-content{ position: absolute;right:0; top:50px; left:0;}


.home-banner h1{font-size: 50px;
    color: #fff;
    font-weight: 700;}

   .banner-search{ position: relative; } 

.banner-search input{width: 100%;
    height: 50px;
    border: 1px solid#fff;
    border-radius: 4px;
    text-align: left; padding-left: 70px;}

.banner-search p{ font-size: 16px; color: #fff; margin: 20px 0px; }

.banner-search .btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    height: 50px;
    float: left;
    width: 75%;	
}

.banner-search .btn-primary:hover,.banner-search .btn-primary:focus{ background: #fff; color: #000; }

.select-city .dropdown-menu{ top:47px; }

.select-city{     width: 40%;
    margin: 0 auto;
    text-align: center; height: 50px;}
.select-city .btn-go{color: #000;
    background-color: #fff;
    border-color: #fff;
    height: 50px; margin-left: 10px;}

    .process{ margin-bottom: 30px; }

    
     .gak-title {
    
    padding-top: 20px;
}

.banner-search .btn-search {
    background: url(https://gharexpert.com/v2/images/search-icon.png) no-repeat left center;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 31px;
    top: 9px;
}

.select-city select{width: 140px;
    height: 50px;
    padding-left: 10px;
    border-radius: 4px;}

    .user-details img{ width: inherit!important;}
    .active-user{ margin-bottom: 50px; }
    .active-user.blockslider .owl-carousel .owl-nav .owl-next,.blockslider .owl-carousel .owl-nav .owl-prev{top:59;}

/*****************************************
  upload button styles
******************************************/
.file-upload {
	position: relative;
	display: inline-block;
}

.file-upload__label {
  display: block;
  transition: background .3s;
  text-decoration:underline;
  font-size: 20px;
    color: #444343;
    font-weight: 300;
  &:hover {
     cursor: pointer;
     background: #000;
  }
}
    
.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width:0;
    height: 100%;
    opacity: 0;
}

/*****************************************
 design styles
******************************************/


/*****************************************
 Forum pages
******************************************/

.filter span{line-height: 30px;
    font-size: 18px;}
	
	.btn-filter{width: 100%;
    background: #444343;
    color: #fff;
    padding: 8px 10px!important;
    font-size: 16px;}
	
	.btn-filter:hover{ background:#ea1c57; color:#fff!important; text-decoration:none;}
.total-question {
    background: #ffcf10;
    text-align:center;
    color: #000;
    padding: 13px;
    font-size: 15px;
    margin: 30px 0px 40px;
    font-weight:bolder;
}

.question-block p {
    background: #bbe0f3;
    border-radius: 7px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #000;
    text-align: center;
    font-size: 20px;
    margin-bottom: 2px;
}
	
	.question-block span{display:block;font-size: 17px;
    color:#000;
    font-weight: 300;}
	
	.question-block{background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    overflow: hidden;
    padding: 10px;
    margin: 10px 0px;}
	.total-views{position:relative;}
     .views:before {
    background:#c4b5b5;
    height: 80px;
    width: 1px;
    display: inline-block;
    content: "";
    position: absolute;
    right: 30px;
    top: 0;
}

.user-img span {
    display: inline-block;
    font-size: 13px;
    color: #000;
    font-weight: 300;
    text-transform: capitalize;
    padding-top: 10px;
}


.user-img {
    text-align: center;
    background: #bbe0f3;
    border-radius: 4px;
    padding: 7px;
    color: #000;
}

.user-img img{height: 100px;
    width: 100px;
    border-radius: 100%;
    background: #444343;
    border: 1px solid#f3f2f2; display: block; margin: 0 auto;}
    .ques-desc .question-show a{color:#444343; display: inline-block; font-size: 14px;}
    .ques-desc .question-show .d-com{ vertical-align: middle!important; color:#444343; font-size: 14px; }

.question-discussion{background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    overflow: hidden;
    padding: 10px 30px;
    margin: 10px 0px;}

.question-show a{font-size: 18px;
    color: #444343;
    font-weight: 500; display:block; padding-top:10px;}
	
	.question-show a:hover{color:#444343;}
	
	.question-show span{ font-size:14px; display:inline-block; }
	
	.newsletter .form-group{width: 70%;
    display: inline-block;}
	.btn-subcribe{background: #ea1c57;
    color: #fff!important;
    padding: 7px 20px;}
	 .btn-subcribe:hover{ background:#444343; color:#fff;}
.forum-right h3 {
    font-size: 15px;
    text-transform: uppercase;
    background:#bbe0f3;
    color: #000;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.Comment{ font-size: 14px; font-weight: 300; }

.pageination-show .pagination > li > a, .pageination-show .pagination > li > span{color:#444343; border-color:#444343;}

.pageination-show ul li.active a{background-color: #444343;
    border-color: #444343; color:#fff;}	
	
.forum{ padding-bottom:30px;}	
.add-img{ margin-top:20px;}
.related-links{ background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.3); padding:10px 20px;}
.cat-links ul li a{color: #444343;
    font-size: 16px;
    border-bottom: 1px solid#dddbdb;
    display: block;
    padding:10px 0px;}
	
	.photo-gallery h4 a{ color:#444343; font-size:16px;}
	
.related-links h4{background: #444343;
    color: #fff;
    padding: 10px;
    font-size: 16px;}
	
	.related-links h5{color: #000;
    font-size: 15px;
    font-weight: bold; margin:30px 0px 10px;}
	.cat-links{ padding-left:10px;}
	.fb-likeshare{text-align: center;
    padding: 10px 0px;}
	
	.btn-links{padding:8px 12px!important; background:#000; color:#fff;}
	.btn-links:hover{ background:#ea1c57; color:#fff!important;}
	.comment{margin-top: 20px;}
	.btn-post{background: #444343;
    color: #fff!important; padding:8px 30px !important;}
.gallery-block {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    padding: 15px;
    margin-bottom: 30px;
    width: 100%;
    margin-right: 10px;
}
	.gallery-block .gal-img{margin-bottom:15px;}
	.photo-gallery{ margin-bottom:30px;}
	.header-bottom.footer-social{ background:#fff;}

	/*----form details---- */

	.form-detail .total-question{margin: 10px 0px 20px;}
	
	.article-block h5{ font-size: 16px; color:#444343; font-weight:600; margin-top: 0;}
	.article-block p{ font-size: 14px; }

.articles{background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
	.article-sec {
    border-bottom: 1px dashed#444;
    margin-bottom: 17px;
    padding: 10px;
}



/* compare before choose */
.compaire-choose .gak-title {
    padding-bottom: 20px;
    background: #000;
    height: 20px;
    line-height: 0px;
    color: #fff;
    font-size: 20px;
}

.plywood-hdf .tabs-title {
    margin-bottom: 10px;
}

.compaire-choose {
    margin-bottom: 40px;
    margin-top: 40px;
    overflow: hidden;
}

    .compaire-choose .item {
        text-align: center;
    }

.Write-reviews {
    margin-top: 20px;
}

    .Write-reviews a {
        text-decoration: none;
        font-size: 16px;
        color: #000;
        cursor: pointer;
    }

.comapaision h3 {
    font-size: 15px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.comapaision {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

    .comapaision p {
        padding: 0px 10px 10px;
        font-size: 14px;
    }

.feature-block {
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    width: 100%;
    overflow: auto
}

.feature-block th{padding:8px 0!important; font-size: 15px!important;}


    .feature-block ul {
        list-style-type: disc;
        padding-left: 16px;
    }

    .feature-block ul, .feature-block p {
        font-size: 16px;
        font-weight: 400;
        color: #444343;
    }

    .feature-block .gak-title {
        padding-bottom: 6px;
        font-size: 18px;
        font-weight: 400;
        border-bottom: 1px solid#ccc;
        margin-bottom: 10px;
        background: #000;
        color: #fff;
        padding-top: 10px;
        min-height: 42px;
    }

    .feature-block .inner-block {
        padding: 0px 16px 16px;

    }

   .feature-block .inner-block strong{    padding-bottom: 8px;
    display: inline-block;
    font-size: 16px; padding-top: 10px;}

.add-img img {
    max-width: 100%;
}


.all-features .add-img{margin-top: 0;}
.compaire-choose .heading{padding-top: 10px;}

.more-comparision {
    margin-top: 50px;
}

    .more-comparision ul {
        list-style-type: disc;
        padding-left: 36px;
        padding-bottom: 30px;
    }

        .more-comparision ul li a {
            color: #222222;
        }

.reviews textarea.form-control {
    height: auto !important;
}

.reviews .login-sign {
    float: right;
}

    .reviews .login-sign a {
        color: #000;
        padding-left: 10px;
    }


.all-features  .compare .col-md-4{padding: 0;}

/* construction */

.about-construction p{font-size:16px; line-height:30px;}
.about-construction {background: #fff;padding: 20px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.about-construction .tabs-title{ text-align:center;}
.browse-topics li { display:inline-block; width:33%; line-height:26px; background: url(../images/check.png) no-repeat left top;
 padding-left: 35px;margin-bottom: 15px;}
.browse-topics li a{ color:#000;}
.browse-topics li a:hover{color:#4D7FD3;}
.browse-topics li{ background:url(../images/check.png) no-repeat left center; display:inline-block;}
.browse-topics{margin-top: 3%;}

.related-topics ul{ list-style-type:disc; }
.related-topics ul li{ padding-bottom:10px; line-height:25px;}
.construction-info ul{ list-style-type:disc;}
.construction-info{ margin-bottom:30px;} 
.related-topics .form-control{ margin-bottom:10px;}
.related-topics h3{ line-height:20px;}
.construction-info .discussion-block h3{ color: #337ab7; margin: 20px 0; }
.construction-info .tabs-title{ text-align: center;position: relative; }

.construction-info .tabs-title:before {
    width: 40%;
    background: #000;
    content: "";
    position: absolute;
    top: 18px;
    height: 1px;
    display: inline-block;
    left: 0;
}

.construction-info .tabs-title:after {
    width: 40%;
    background: #000;
    content: "";
    position: absolute;
    top: 18px;
    height: 1px;
    display: inline-block;
    right: 0;
}

.construction-info .more-dicussion { float: none; text-align: right;  }
.construction-info .more-dicussion a{color: #000;}

/* interior page */

.click-design{ margin:4%;}
.design-block img{ max-width:100%;transform:scale(1,1); transition:0.6s;}
.design-block {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    padding: 10px;
	margin-bottom:5%;
	overflow:hidden;
	position:relative;
}
.design-block:hover img{ transform:scale(1.05,1.05); transition:0.6s;}
.pagination {
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.pagination ul, li {
        display: inline;
    }
.pageination-show .pagination > li > a {
    margin-bottom: 10px;
}

@media(min-width:768px) and (max-width:1024px)

{
	.logo img{max-width:100%;}
	.login-signup li:nth-child(3) {
    padding-left: 10px;
}
.top-social ul li {
    padding-bottom: 10px;
}

.menu .nav > li > a {
    padding: 14px 7px;
}

.design-img {
	padding: 10px 0px;
}
.today-featuredesign .designer-name {
	font-size: 16px;
}
.designer-place {
	padding: 10px 0px;
}
.designer-place, .upload-design {
	font-size: 16px;
}

.file-upload__label {
	font-size: 16px;
	}
	
	.today-featuredesign {
	padding: 10px 0px 15px;
}
.heading {
	font-size:16px;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 2px;
}
.design-gallery .nav-tabs > li > a, 
.design-gallery .nav-tabs > li.active > a, 
.design-gallery .nav-tabs > li.active > a:hover, .design-gallery .nav-tabs > li.active > a:focus{ font-size:12px;padding: 10px 2px;}
p {
	font-size: 12px;
}

.discussion-img {
	width: 30%;
}
.d-com {
	font-size: 11px;
}
.top-social ul li {
	display: inline-block;
	width: 12%;
}
.top-social ul li {
	display: inline-block;
	width: 12%;
}
.views::before {
    right: -3px;
   
}
.filter span {
    line-height: 20px;
    font-size: 15px;
}
.forum-right h3 {
	font-size: 11px;
}
.newsletter .form-group {
	width: 100%;
}

.btn-links {
	padding: 8px 7px !important;
	background: #000;
	color: #fff; font-size:12px!important;
}
}

@media(max-width:767px)

{
	
	.logo{ text-align:center; margin-bottom:10px;}
	.login-signup {
	float: none;
	text-align: center;
}
.top-social ul li {
	display: inline-block;
	width: 31%;
	margin-bottom: 10px;
}
.top-social ul li img {
	width: auto;
	max-width: 90%;
}
.menu {
    margin-top: 0;
    background: #000;
    color: #fff;
}

    .menu .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .menu .navbar-default .navbar-toggle:hover, .menu .navbar-default .navbar-toggle:focus {
        background-color: #4D7FD3;
    }


.menu .navbar-default .navbar-nav > li > a {
	border-bottom: 1px solid #ddd;
	color:#fff;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.menu .navbar-default .navbar-nav > li > a:hover{
	color:#fff;
}
.img-title {
	position: absolute;
	bottom: auto;
	font-size: 14px;
	top: 8px;
}
.menu-text {
	display: inline-block;
	font-size: 20px;
	padding: 10px;
	text-transform:uppercase;
}
.popular-searches .d-gal-block, .idea-tips .d-gal-block, .comapre-before .d-gal-block {
	min-height: initial;
}
footer{ text-align:center;}
.footer-links{ margin-top:20px;}
.top-social {
	padding-top: 0;
}
.banner{ margin-bottom:20px;}
.question-block{ text-align:center;}
.question-show{border-top: 1px solid #ccc;
margin-top: 10px;}
.views::before{ content:none;}

.pageination-show .pagination > li {
    display: inline-block;
}

.pageination-show .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.header-bottom.footer-social {
    background: #fff;
    padding-top: 18px;
}
.home-banner h1 {
    font-size: 26px;
  
}



.homebanner-content {
    position: static;
    background: #000;
    padding-bottom: 70px;
}

.banner-search .btn-primary {
    float: left;
    width: 100%;
}
.select-city .btn-go {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
}
.select-city{ width: 60%; }

.blockslider .bx-prev,
    .blockslider .bx-next{ display: none; }

    .select-city select {
    width: 100%;
}

.blockslider .owl-carousel .owl-nav .owl-prev {
     left: 0;
    bottom: -28px;
}
.blockslider .owl-carousel .owl-nav .owl-next {
    right: 0;
    bottom: -37px;
}
}

.img-htitle,.feedback h4{background: #ea1c57;
    color: #fff;
    padding: 10px;
    font-size: 16px;}

    .product-block img{max-width: 100px;}
    .product-block{text-align: center;
    border: 1px solid#ccc; padding: 10px;}
    .shop-withgharexpert{margin-top: 30px;}
    .shop-now{border: none; margin-top: 10px;}
    .shop-withgharexpert h4{margin-bottom: 20px;}

    .total-comment{margin-bottom: 10px; color: #000; display: inline-block;}
    .comment-list .question-show {border-bottom: 1px solid#ccc;padding: 10px 0px;}
    .comment-list .question-show a{font-size: 15px; }
    .comment-list .modal-body{padding-top: 0;}
	

    /*  Multiple images */

@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Open Sans', sans-serif;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-gallery .search input {
    width: 100%;
    max-width: 100%;
    height: 50px;
    border: 1px solid#c2c2c2;
    padding-left: 3%;
}

.search-gallery .search {
    position: relative;
}

    .search-gallery .search .btn-search {
        background-color: transparent;
        position: absolute;
        top: 6px;
        right: 0;
    }

.search-gallery {
    margin-bottom: 2%;
}



/*****************************************
 design styles
******************************************/


/*****************************************
 Forum pages
******************************************/


.related-links {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    padding: 10px 20px;
}

.cat-links ul li a {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid#dddbdb;
    display: block;
    padding: 10px 0px;
}

.photo-gallery h4 a {
    color: #000;
    font-size: 16px;
}

.related-links h4 {
    background: #2FB4ED;
    color: #fff;
    padding: 10px;
    font-size: 16px;
}

.related-links h5 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0px 10px;
}

.cat-links {
    padding-left: 10px;
}

.fb-likeshare {
    text-align: center;
    padding: 10px 0px;
}

.btn-links {
    padding: 8px 12px !important;
    background: #000;
    color: #fff;
}

    .btn-links:hover {
        background: #2FB4ED;
        color: #fff !important;
    }

.comment {
    margin-top: 20px;
}

.comment-list .comment-show {
    border-bottom: 1px solid#ccc;
    padding: 10px 0px;
}

    .comment-list .comment-show a {
        font-size: 15px;
    }

.btn-post {
    background: #2FB4ED;
    color: #fff !important;
    padding: 8px 30px !important;
}

.gallery-block {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    padding: 15px;
    margin-bottom: 30px;
}

.photo-gallery {
    margin-bottom: 30px;
}

.header-bottom.footer-social {
    background: #fff;
}

.btn-primary.btn-picture {
    color: #fff;
    background-color: #2FB4ED;
    border-color: #2FB4ED;
    padding: 3% 3% 3% 7%;
    border-radius: 0;
    width: 100%;
    margin: 4% 0;
    font-size: 1.4rem;
    text-align: left;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

.mobile .btn-picture {
    position: relative;
}

    .mobile .btn-picture:after {
        position: absolute;
        right: 12px;
        top: 12px;
        display: inline-block;
        width: 20px;
        height: 20px;
        content: '';
        background-image: url(../images/ic_down_arrow_white.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

/*---img gallery---*/
@media(min-width:768px) and (max-width:1024px) {
}

@media(max-width:767px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }
}



@media(min-width:768px) and (max-width:1024px)

{
	.logo img{max-width:100%;}
	.login-signup li:nth-child(3) {
    padding-left: 10px;
}
.top-social ul li {
    padding-bottom: 10px;
}

.menu .nav > li > a {
    padding: 14px 7px;
}

.design-img {
	padding: 10px 0px;
}
.today-featuredesign .designer-name {
	font-size: 16px;
}
.designer-place {
	padding: 10px 0px;
}
.designer-place, .upload-design {
	font-size: 16px;
}

.file-upload__label {
	font-size: 16px;
	}
	
	.today-featuredesign {
	padding: 10px 0px 15px;
}
.heading {
	font-size:16px;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 2px;
}
.design-gallery .nav-tabs > li > a, 
.design-gallery .nav-tabs > li.active > a, 
.design-gallery .nav-tabs > li.active > a:hover, .design-gallery .nav-tabs > li.active > a:focus{ font-size:12px;padding: 10px 2px;}
p {
	font-size: 12px;
}

.discussion-img {
	width: 30%;
}
.d-com {
	font-size: 11px;
}
.top-social ul li {
	display: inline-block;
	width: 12%;
}
.top-social ul li {
	display: inline-block;
	width: 12%;
}
.views::before {
    right: -3px;
   
}
.filter span {
    line-height: 20px;
    font-size: 15px;
}
.forum-right h3 {
	font-size: 11px;
}
.newsletter .form-group {
	width: 100%;
}

.btn-links {
	padding: 8px 7px !important;
	background: #000;
	color: #fff; font-size:12px!important;
}

 /* compare before choose */
    .compaire-choose .add-img {
        text-align: center;
    }

    .all-features .tabs-title {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .compaire-choose {
        margin-top: 0;
    }

}

@media(max-width:767px)

{
	
	.logo{ text-align:center; margin-bottom:10px;position: absolute;
    left: 5px;
    z-index: 1000;}
	.login-signup {
	float: none;
	text-align: center;
}

.tabs-title {
    margin-bottom: 15px;
}

.more-dicussion {
    margin-bottom: 10px;
}
p {
    font-size: 14px;
}

.discussion-img {
    float: left;
    margin-right: 14px;
    width: 23%;
}

.menu .nav > li > a {
    padding: 10px 12px;
}
.top-social ul li {
	display: inline-block;
	width: 31%;
	margin-bottom: 10px;
}
.top-social ul li img {
	width: auto;
	max-width: 90%;
}
.menu {
	margin-top: 0;
}
.menu .navbar-default .navbar-nav > li > a {
	border-bottom: 1px solid #ddd;
}
.img-title {
	position: absolute;
	bottom: auto;
	font-size: 14px;
	top: 8px;
}
.menu-text {
	display: inline-block;
	font-size: 20px;
	padding: 10px;
	text-transform:uppercase;
}
.popular-searches .d-gal-block, .idea-tips .d-gal-block, .comapre-before .d-gal-block {
	min-height: initial;
}
footer{ text-align:center;}
.footer-links{ margin-top:20px;}
.top-social {
	padding-top: 0;
}
.banner{ margin-bottom:20px;}
.question-block{ text-align:center;}
.question-show{border-top: 1px solid #ccc;
margin-top: 10px;}
.views::before{ content:none;}


.pageination-show .pagination > li {
display: inline-block;
margin-bottom: 5px;
margin-right: 10px!important;

}
    .pageination-show .pagination > li > a {
        margin-bottom: 0px;
    }

.pageination-show .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.header-bottom.footer-social {
    background: #fff;
    padding-top: 18px;
}

/* compare before choose */
   
    .compaire-choose {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .all-features .tabs-title {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .compaire-choose .tabs-title {
        text-align: center;
    }

    .feature-block {
        margin-top: 20px;
    }

   .feature-block .table-responsive {margin-bottom: 0;}

     .horizontal-block .add-img {
    text-align:center;
    width: 50%;
    float: left;
}
.browse-topics li{ width: 100%; }
.construction-info .tabs-title {
    text-align: left;
    
}

.discussion-block {
    margin-bottom: 0px;
    
}

.construction-info .discussion-block h3{ font-size: 20px; }
.construction-info .discussion-img{ margin-right: 15px; }
.construction-info .discussion-block p{ font-size: 15px; }
.construction-info .more-dicussion a{ font-size: 12px; }
.construction-info .tabs-title:before,.cofo .tabs-title:after{ content: none; }

.construction-info .tabs-title{    overflow: hidden;
    margin-top: 15px; margin-bottom: 0;}
	header{ padding-top:0;}

}
.gallery-block h4 {
    font-size: 1rem;
    margin-bottom: 3%;
}
.btn-primary.btn-picture {
    font-size: 1.8 ko 1.4 kr do
}
.photo-gallery .container {
    width: 100%
}