/*!
 * Start Bootstrap - 3 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.portfolio-item {
    margin-bottom: 15px;
}

footer {
    margin: 30px 0;
}

ul.services {
    padding-left: 12px;
    line-height: 2;
    font-size: 16px;
}

img {
 	border-style: solid;
    border-width: 2px;
    border-color: #000;
    margin-bottom: 10px;
}

.page-header {
    margin: 10px 0 20px;
}

h3 {
    margin-top: 0;
}



/****our work****/

.viewonline{position:absolute; opacity:0;  background:#428bca; color:#fff; display:inline-block; padding:6px 10px; font-size:22px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}

.viewonline:hover{color:#fff; text-decoration:none;}

.thmb:hover > .viewonline{opacity:1 !important; transform: translate(0px,40px); -ms-transform: translate(0,40px); -webkit-transform: translate(0, 40px);}

a.thumbnail:hover, a.thumbnail:focus {   border-color: #999999; text-decoration:none; }

.thmb .nolink {margin: 0;}


.thumbnail{border:none; box-shadow:none;}

/**************/

@media (min-width: 1200px) {

.viewonline{ margin:80px 0 0 110px; }

}


@media (max-width: 1200px) {

.viewonline{ margin:40px 0 0 70px; }

}

@media (min-width: 767px) {

.thmb:hover > .thumbnail{opacity:0.2; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);  -webkit-transform: scale(1.05, 1.05);}

}

/*******************************************/

@media (max-width: 979px){

.viewonline{ margin:20px 0 0 40px; }

}

@media (max-width: 767px) {

.viewonline{display:none;}

}


/* Medium devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
h3 {
    font-size: 22px;
}
}

/* Small devices (tablets, 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
h3 {
    font-size: 16px;
}
}