header .social_item ul li  {display:inline-block;text-align:center;margin:15px 2px 5px 5px;border:1px solid green}
.navbar-default            {background-color:#FFF;border-color:#CCC}
.navbar                    {background:#fff}



@media(min-width:767px){
.navbar{padding:20px 0;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
.top-nav-collapse   {padding:0}
.navbar-inverse .navbar-brand{margin:-15px 0 10px}
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{background-color:#4c4e93;color:#fff}#main-slider{position:relative}

@media(min-width:768px) {
.navigation {display: block!important;}
}
@media(max-width:767px) {
    .container    {width:100%!important;}
#main-slider {margin-top:50px;}
.login a {
    font-weight: bold;
    background: #3a0cb0 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 17px;
    display: block;
    font-weight: 600;
    width: 100px;
    float: right;
    margin-top: 20px;
    padding: 10px 17px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-radius: 5px;
    text-decoration: none;
}    
    .mobile_n    {display: none;}
    
  .login-id img {width: 100%;}   
}
#main-slider .carousel h2,#main-slider .carousel p {color:#FFF;text-transform:uppercase;padding-left:0}
#main-slider .carousel h2                          {font-size: 50px; line-height: 72px; margin-top: 20%; font-weight: 700; text-align: center;}
#main-slider .carousel p                           {font-size:24px;line-height:24px;font-weight:400}
#main-slider .carousel .btn                        {font-size: 20px; line-height: 30px; font-weight: 400; text-align: center;}
#main-slider .carousel .btn:hover                  {background-color:rgba(255,255,255,.3)}
#main-slider .carousel .boxed                      {padding:10px 15px;background-color:rgba(0,0,0,.8);display:inline-block}
#main-slider .carousel .item                       {background-position:50%;background-repeat:no-repeat;background-size:cover;left:0!important;opacity:0;top:0;position:absolute;width:100%;display:block!important;height:515px;-webkit-transition:opacity ease-in-out .5s;-moz-transition:opacity ease-in-out .5s;-o-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s}
#main-slider .carousel .item:first-child           {top:auto;position:relative}#main-slider .carousel .item.active{opacity:1;-webkit-transition:opacity ease-in-out .5s;-moz-transition:opacity ease-in-out .5s;-o-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s;z-index:1}
#main-slider .next,#main-slider .prev             {position:absolute;top:50%;background-color:rgba(0,0,0,.3);color:#fff;display:inline-block;margin-top:-25px;font-size:24px;height:50px;width:50px;line-height:50px;text-align:center;border-radius:4px;z-index:5;outline:0}
#main-slider .next:hover,#main-slider .prev:hover{background-color:rgba(0,0,0,.5);border-radius:10px}#main-slider .prev{left:10px}
#main-slider .next{right:10px}
#main-slider .active .animation.animated-item-1{-webkit-animation:fadeInUp .3s linear .3s both;-moz-animation:fadeInUp .3s linear .3s both;-o-animation:fadeInUp .3s linear .3s both;-ms-animation:fadeInUp .3s linear .3s both;animation:fadeInUp .3s linear .3s both}
#main-slider .active .animation.animated-item-2{-webkit-animation:fadeInUp .3s linear .6s both;-moz-animation:fadeInUp .3s linear .6s both;-o-animation:fadeInUp .3s linear .6s both;-ms-animation:fadeInUp .3s linear .6s both;animation:fadeInUp .3s linear .6s both}
#main-slider .active .animation.animated-item-3{-webkit-animation:fadeInUp .3s linear .9s both;-moz-animation:fadeInUp .3s linear .9s both;-o-animation:fadeInUp .3s linear .9s both;-ms-animation:fadeInUp .3s linear .9s both;animation:fadeInUp .3s linear .9s both}
#main-slider .active .animation.animated-item-4{-webkit-animation:fadeInUp .3s linear 1.2s both;-moz-animation:fadeInUp .3s linear 1.2s both;-o-animation:fadeInUp .3s linear 1.2s both;-ms-animation:fadeInUp .3s linear 1.2s both;animation:fadeInUp .3s linear 1.2s both}

.form .form-control {
    padding: 10px 12px;
}

label {
    display: inline-block;
    display: block;
    margin: 5px 0px;
    font-weight: 600;
}


@media(max-width:767px) {
#main-slider .carousel h2 {font-size: 42px; line-height:36px;  color:#FFF; text-transform:uppercase; margin-top:30%; font-weight:700; padding-left:0;}
.final_plan ul li a {width: 100%;}  
.final_plan         {display: flex; flex-direction: column;}
.final_plan .tools  {order: 1;}
.final_plan  .para  {order: 2;}     
}

/* Section Title */
.section-title h1        {font-size:48px; text-transform:uppercase; font-weight:700; margin-bottom:30px;}
/*.section-title h1:before {content: url(../img/title-before.png); display:block; float:left;}*/
@media(max-width:767px)  {
.section-title h1        {font-size:32px; text-transform:uppercase; font-weight:700; margin-left:30px;}
}
/* Portfolio Grid and Hover Effects */

.grid                    {padding: 20px 0px 10px 0px; max-width: 1300px; margin: 0 auto; list-style: none; text-align: left;}
.grid figure             {margin: 0; position: relative; margin-top:35px;}
.grid figure img         {max-width: 100%; display: block; position: relative;    width: 100%;}
.grid figcaption         {position: relative; top: 0; left: 0; padding: 20px; background:#d73f7a; color: #ed4e6e;}
.grid figcaption h3      {font-size:17px; text-transform:uppercase; margin: 0; padding: 0; color: #fff;}
.grid figcaption a       {text-align: center; padding: 5px 10px; border-radius: 0; display: inline-block; background: #ffffff; color: #000; font-weight: bold;}
.cs-style-3 figure       {overflow: auto;}
/*.cs-style-3 figure img   {-webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);}*/
/*
.cs-style-3 figcaption {height: 80px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%);
-ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s;    top: auto; z-index: 9999;   bottom: 80px;     opacity: 6;}
*/

/*.no-touch .cs-style-3 figure:hover figcaption,

.cs-style-3 figure.cs-hover figcaption {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px);
transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;}
*/

.cs-style-3 figcaption a {position: absolute; bottom: 20px; right: 20px;bottom: 15px;}
/* Caption Style 2 */
.cs-style-2 figure img {z-index: 10; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {-webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); transform: translateY(-90px);}

.cs-style-2 figcaption    {height: 90px; width: 100%; top: auto; bottom: 0;}
.cs-style-2 figcaption a  {position: absolute; right: 20px; top: 30px;}
.section-white h1         {padding: 25px 0px 20px;}
.section-white p          {font-size: 17px; line-height:25px;color: black;}
.service-wrapper          {margin-top:25px;}
.navbar-inverse .navbar-brand               {color: #999; font-size: 25px; font-weight: bold;    margin-top: -15px;padding-left: 15px;}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
.navbar-inverse .navbar-toggle .icon-bar    {background-color: #474896;}
.navbar-inverse .navbar-toggle {border-color: #4c4e93;}
.navbar-inverse .navbar-toggle {border-color: #4c4e93; background: white!important;}

@media(max-width:1200px)  {
    .topbar .general-info .info-box {    padding-right: 18px;    font-size: 12px;}    
    
}
@media(max-width:1024px)  {
.nav > li > a                            {padding: 10px 10px; font-size: 12px;}
.navbar-inverse .navbar-nav > li > a {color: #000; font-weight: bold; font-size: 13px; padding: 7px;}
.topbar-desktop                      {display:none;}    
.cs-style-3 figcaption a             {position: absolute; bottom: 15px; right: 20px;}
.section .container:first-child h3   {font-size: 12px;}    
}

@media (max-width: 767px) {
#quote-carousel .carousel-control.left {left: 0px;}
.carousel-control.right                {right: 0px;}  
.scrollToTop                           {right: 15px;}   
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #000; border-bottom: 1px solid gray;}    
.navbar-header    {margin-bottom: 30px; margin-top: 20px;}  
#main-slider      {margin-top: 0px;}   
.cs-style-3 figcaption a      {position: relative; bottom: 0; right: 0px; left: 0; margin: 0 auto; text-align: center; display: block; width: 100px;}    
.section .container:first-child h3 {font-size: 12px; text-align: center; margin: 0px 0px 15px;} 
#main-slider .carousel .item {height: 400px;}    
.single-post-image img       {height: 200px;}  
.section-breadcrumbs h1      {font-size: 20px;} 
.grid { padding: 20px 0px 10px 0px;}    
}

@media (max-width: 480px) {
.section-title h1            {font-size: 25px;  text-transform: uppercase; font-weight: 700; margin-left: 30px;}
#main-slider .carousel .item {height: 295px;}    
#main-slider .carousel h2    {font-size: 20px;}    
#main-slider .carousel p     {font-size: 14px;}
.section-white h1            {padding: 5px 0px 0px; font-size: 20px; text-align: center; margin: 0px;}   
}

.navbar        {margin-bottom:0px; border: 0px;}
.navbar-brand  {padding: 0px;}
.carousel p    {margin: 0 0 10px;line-height: 25px;}
.feedback-form-wrapper input, .feedback-form-wrapper textarea {background: #ededed; border: 1px solid #dedede; border-radius: 3px; color: #333;}
.auform input, .auform select, .auform textarea  {line-height: 48px; padding: 0 30px; width: 100%; height: 50px; color: #888; border: 1px solid #e2d8d8;
display: inline-block; margin-bottom: 15px;}
.feedback-form-wrapper .message     {height: 201px;}
.feedback-form-wrapper .aubtn input {padding: 0 50px; color: #fff;}
.aubtn.submit-btn input {background: none; box-shadow: none; border: none; display: block; height: 100%; margin-bottom: 0;}
.feedback-form-wrapper .aubtn input {padding: 0 50px; color: #fff; background: #4c4e93; width: 155px; border-radius: 7px;}
.contact-us-details                 {margin: 10px 0px; font-size: 0.9em; color: black; font-size: 15px; line-height: 30px;}
.section-title                       {text-align: center;}

.general-info span {text-transform: capitalize;}



.final_plan ul        {margin: 0px; padding: 0px;}
.final_plan ul li    {list-style-type: none;}
.final_plan ul li a   {text-align: center; display: block; background: #e7e4e4; padding: 8px 0px; border-radius:3px; text-decoration: none;    border-bottom: 1px solid #b5a8a8; width: 80%; font-weight: bold; color:#000000;}
.final_plan ul li a img { display: block; text-align: center; margin: 0 auto;}

.para {margin: 40px 0px 0px 0px;}
.para span{font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 0px 0px 10px 0px;}
.final_plan      {margin: 35px 0px 50px 0px;}
.para p    {display: none;}
#content1   {display: block;}

.final_plan ul li a.active {background:#3a0cb0; color: white;}
.para iframe {width: 100%;}