/*
Template Name:Computer Repair
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
/********************* gallery_main ****************/
#gallery_main{ 
 background-image: url(../img/29.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 padding-top:180px;
 padding-bottom:180px;
 }
.gallery_main_1{ 
 background-color: #bd17008c;
 padding: 20px;
 width: 25%;
 text-align: center;
 float: left;
 border-radius: 50px 10px 50px 10px;
 }
.gallery_main_1 h2{ 
 color:#fff;
 }
.gallery_main_1 li{ 
 display:inline;
 font-size:20px;
 color:#fff;
 }
.gallery_main_1 i{ 
 color:#fff;
 }
.gallery_main_1 li a{ 
 font-size:20px;
 color:#fff;
 }
/********************* gallery_main_end ****************/
/*********************testim****************/
#testim{
padding-top:40px;
padding-bottom:40px; 
 }
.testim_2{
margin-top:20px; 
margin-bottom:30px;
 }
 
.gallery_1 img{
min-height:260px;
 }
.modal-content{
  margin-top:100px!important;
  }
.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  margin-bottom:0; border:none; }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; margin:5px;}
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
/*********************testim_end****************/




@media screen and (max-width : 767px){
.gallery_main_1{
float:none;
width:100%;
border-radius:0; 
 }
#gallery_main {
padding-top:80px;
padding-bottom:80px;
}
.modal-dialog{
margin-left:auto;
margin-right:auto;
 }
}

@media (min-width:768px) and (max-width:991px) {
.gallery_main_1{
margin-left:15px;
margin-right:15px; 
width:40%; 
 }
}

@media (min-width:992px) and (max-width:1200px) {
.gallery_main_1{
margin-left:15px;
margin-right:15px; 
width:40%; 
 }
}
 
@media (min-width:1201px) and (max-width:1325px) {

 }