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

.bg-theme-color-3 { margin: 0px 0px 68px 2px;}
.bg-theme-color-2 { margin: 0px 0px 68px 2px;}
     .navbar-fixed .logo{
    display: none;
}


.logo{
    width: 100%;
    float: left;
    text-align: center;
}

p.ter2 {
    float: left;
    margin-top: 7px;
    margin-left: 16px;
}
 
 
.navbar-inverse .navbar-toggle {
    border-color: #ff00ed; background-color: #ff00ed;
}

.navbar-inverse .navbar-toggle:hover {
    border-color: #333; background-color: #333;
}

.nav > li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.navbar-nav .open .dropdown-menu {
       background-color: #ff00ed;
    float: left;}

#intro img {
    height: 180px;
}

.single-key-feature {    height: 259px;}
.se-1, .se-2, .se-3 {    height: 259px;}

.about-wrapper1 h3 {
    font-size: 20px;
}
	
	
	
	
.modal-dialog {
    width: 93%;
    margin: 30px auto;
}

.bg_sec .s22 {
    margin: 19px 0;
    box-shadow: 0 0 1px 1px #980a8e;
    display: none;
}

.bg_sec {
    background: #e8e8e8;
    width: 100%;
    float: left;
    padding: 10px;
    position: relative;
    z-index: 99;
}



	
}


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


.container {
    width: 100%;
}
.logo {
    float: left;
    width: 221px;
    margin-top: 14px;
}

p.ter2 {
    float: left;
    margin-top: 17px;
}

}



@media only screen and   (min-width:981px)  and   (max-width:1300px) 
{
.container {
    width: 100%;
}


}


@media only screen and   (min-width:981px)  and   (max-width:1100px) 
{
.logo {
    float: left;
    width: 271px;
    margin-top: 14px;
}


}