/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

body{
  background-color: #f2f2f2;
  }
  
.container{
  background-color: #fff;
  padding: 15px 35px;
  margin-top: 0px;
  margin-bottom: 0px;
  } 
  .portfolio {
  margin-bottom: 30px;
  
  } 
  
  .portfolio a {
    display: inline-block;
    background: white;
    padding: 0;
}

.portfolio a img {
    display: block;
    
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.portfolio  a:hover img {
    opacity: 0.7;
            
}
  
  .logo      {
  margin-top: 11.5px;
  } 
  a     {
  text-decoration: underline;
  color: #333333;
  } 
   a:hover    {
  text-decoration: none;
  
  } 
  .nav-pills a, .btn  {
  text-decoration: none;
  } 
  .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {

  background-color: #eee;
  color: #333333;
   }
  .img-responsive {
  display: inline;
  } 
   
   .btn {
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn:hover,.btn:active {
border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.btn-default {
background-color: rgba(255,255,255,.5);
}
.btn-default:hover {
background-color: rgba(255,255,255,1);
}
.btn-default:active {
background-color: rgba(255,255,255,1);
}

@media (min-width: 768px)
.form-horizontal .control-label {
text-align: left;
}

   
 .modal {
  
  padding: 0;
}

.fade{
  
  padding: 0;
}
   .modal-dialog {
  width: 100%;
  padding: 0;
  margin: 0px auto;
}

.modal-content {

  height: 100%;
  border-radius: 0;
  border: 0px;
}

.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
padding-right: 0px;
}

.logo {
float: left;
}


.logodiv {
margin-left: 75px;
}

.righthead{
display: none;
}
  
::selection {
  background: #d6d6d6; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #d6d6d6; /* Gecko Browsers */
}  


h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small
{font-weight:normal;line-height:1;color: rgba(0,0,0,0.3);}

   
  
    

/* FOR TRANSITION BEAUTIFULLY */
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

  

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.container{
  background-color: #fff;
  padding: 40px 60px;
  margin-top: 35px;
  margin-bottom: 35px;
  } 
  

.righthead{
display: block;
}

 .modal-dialog {
  width: 70%;
}

   
  }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .modal-dialog {
  width: 70%;
}  

  
   }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
 .modal-dialog {
  width: 50%;
}   }


.img-responsive { 
    /* other definitions */
    width:100%;
}