*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
::-moz-selection { /* Code for Firefox */
    background:#969084; 
	color:#fff;
}
::selection{
	background:#969084; 
	color:#fff;
}

/*hero*/

.family-dentistry {
    margin: 7% 0px;
}


/*slogan*/


.header-top {
    padding: 0px !important;
	height: 110px;
}

.option a {
    display: inline-block;
    margin: 0 4.5em;
    font-size: 16px;
    color: #ffffff !important;
    background: #12687a;
    padding: .5em 2em;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	
}

.option a:hover {
    color: #ffffff;
    background: #969084;
}



.info .phone a {
    margin: -65px;
    color: #12687a;
    font-size: 24px;
	font-weight: 700;
}
.info .phone a:hover {
    color: #969084;
}

.info-app ul {
    padding: 0;
}

.info-app li {
    margin: 0em 5.4em;
}

.info-app a,
.info-app a span {
    font-size: 14px !important;
    color: #969084;
    line-height: 1.1;
	font-weight: 400!important;
	text-align: left !important;
}

.info-app a:hover,
.info-app a:hover span {
    color: #006e96!important;
}

.info-social li{
	margin: 10px!important;
}

.social-links i{
	margin: 0em -6.5em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #1e9caf;
	color: #fff;
}
.info-social{
    padding-right: 6.4em;
    padding-top: 0em;
}


@media only screen and (min-width:280px) and (max-width:359px){
    .header2 #mainHeader {
        height: 80px!important;
    }
    .header-top {
        height: 200px;
    }
    .fixed {
        margin-top: 0px;
        padding-top: 0px;
        z-index: 999;
        position: relative;
        background: #D8D8D8;
    }
    .header-top img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .header-top .info a {
        font-size: 12px !important;
    }
    .option a {
        margin: auto;
    }
    .header-top .info li {
        display: block;
        padding-right: 0em;
    }
    .info-app li {
        margin: 0em 0em;
    }
    .info-social {
        padding-right: 0em;
        padding-top: 0em;
    }
}
@media only screen and (min-width:360px) and (max-width:550px){
    .header2 #mainHeader {
        height: 80px!important;
    }
    .header-top {
        height: 220px;
    }
    .fixed {
        margin-top: 0px;
        padding-top: 0px;
        z-index: 99;
        position: relative;
        background: #D8D8D8;
    }
    .header-top img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .header-top .info a {
        font-size: 12px !important;
    }
    .option a {
        margin: auto;
    }
    .header-top .info li {
        display: block;
        padding-right: 0em;
    }
    .info-app li {
        margin: 0em 0em;
    }
    .info-app a{
        font-size: 12px!important;
    }
    .info-social {
        padding-right: 0em;
        padding-top: 0em;
    }
}
@media only screen and (min-width:551px) and (max-width:767px){
    .header2 #mainHeader {
        height: 80px!important;
    }
    .header-top {
        height: 230px;
    }
    .fixed {
        margin-top: 0px;
        padding-top: 0px;
        z-index: 99;
        position: relative;
        background: #D8D8D8;
    }
    .header-top img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .header-top .info a {
        font-size: 15px !important;
    }
    .option a {
        margin: auto;
    }
    .header-top .info li {
        display: block;
        padding-right: 0em;
    }
    .info-app li {
        margin: 0em 0em;
    }
    .info-app a{
        font-size: 12px!important;
    }
    .info-social {
        padding-right: 0em;
        padding-top: 0em;
    }
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    .header-top {
        height: 100px;
    }
    .navbar-brand img {
        width: 70%;
    }
    .navbar-brand img {
        padding: 0px 0px;
    }
    .header-top .info a {
        font-size: 20px;
    }
    .option a {
        display: inline-block;
        margin: 0 7.5em;
        color: #ffffff !important;
        font-size: 8px!important;
        background: #12687a;
        padding: 5px 10px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .header-top .info li {
        padding-right: 0.5em;
    }
    .info-app li {
        margin: 0em 0em;
    }
    .info-app a{
        font-size: 9px!important;
        padding-right: 7em;
    }
    .info-app > .adrees{
        padding-right: 4em;
    }
    .info-social {
        padding-right: 0em;
        padding-top: 0em;
    }
}
@media only screen and (min-width:992px) and (max-width:1190px){
    
.header-top {
    padding: 0px !important;
	height: 125px;
}

.option a {
    display: inline-block;
    margin: 0 4.5em;
    font-size: 12px;
    color: #ffffff !important;
    background: #12687a;
    padding: .5em 2em;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	
}

.option a:hover {
    color: #ffffff;
    background: #969084;
}



.info .phone a {
    margin: -57px;
    color: #12687a;
    font-size: 20px;
	font-weight: 700;
}
.info .phone a:hover {
    color: #969084;
}

.info-app ul {
    padding: 0;
}

.info-app li {
    margin: 0em 4.4em;
}

.info-app a,
.info-app a span {
    font-size: 11px !important;
    color: #969084;
    line-height: 1.1;
	font-weight: 400!important;
	text-align: left !important;
}

.info-app a:hover,
.info-app a:hover span {
    color: #006e96!important;
}

.info-social li{
	margin: 10px!important;
}

.social-links i{
	margin: 0em -6.5em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #1e9caf;
	color: #fff;
}
.info-social{
    padding-right: 5.4em;
    padding-top: 0em;
}
}