/*
Template Name: Cyclone-Bootstrap Portfolio Responsive Template 
Version: 1.1
Author: CN InfoTech
Author URL: https://themeforest.net/user/cn-infotech/portfolio
*/

/*************************
*******Typography******
**************************/
body {
  color: #fff;
  line-height:1.5;
  background: #EDEDED url(../images/banner1.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  background-repeat: no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0;
}

a{
  color: #fff;
}

a:hover,
a:focus {
  text-decoration: none;
}

img{
  max-width: 100%;
}


/*section header*/



/*************************
*******Header******
**************************/

header{
  padding: 10px 0;
  text-align: center;
  background: #fff;
}

a.logo{
  color:#fff;
  text-align: center;
}

a.logo h1{
  font-size: 52px;
}

a.logo p{
  font-size:28px;
  font-style: italic;
}

/***
 * Breadcrumb
 */



.breadcrumb-wrapper {
    background:transparent;
    height:100px;
}

.breadcrumb-wrapper h2 {
    padding:13px 25px 0px;
    margin: 10px 0 0;
    color: #fcfcfc;
}

.breadcrumb-wrapper .breadcrumb {
    margin:6px 0 0;
    padding: 0px;
    font-size: 14px;
    background:transparent;
    border-radius: 0px;
}

.breadcrumb-wrapper .breadcrumb a{
    color: #fff;
}

.breadcrumb-wrapper.breadcrumb-detail  .breadcrumb a{
  color: #333;
}

.breadcrumb-wrapper .breadcrumb .active {
    color: #f49b00;
}

 .breadcrumb-wrapper.breadcrumb-detail .section-title{
  text-align: left;
  padding: 0;
  margin:0;
 }

.breadcrumb-wrapper .section-title{
    position: relative;
    z-index: 9;
    text-align: center;
    top: 0px;
}

.breadcrumb-wrapper.breadcrumb-detail .breadcrumb>li+li:before{
  color: #333;
 }

 #list{padding: 50px 0; background: #f7f7f7; text-align: center;}


#list h3{
  font-size: 18px;
  color: #232323;
}

#list a img {
    border: 8px solid #fff;
    box-shadow: 0 0 5px #ccc;
    margin-top: 20px;
}

.pad{padding-top: 30px;}

footer{padding: 15px 0 5px; text-align: center;}


@media only screen and (max-width: 767px) {
  .logo img{width: 20%;}
  #list .col-sm-4, #list .col-sm-6{margin-bottom: 30px;}
  #list .col-sm-4:last-child, #list .col-sm-6:last-child{margin-bottom: 0px;}
}

@media only screen and (max-width: 639px) {
  .logo img{width: 30%;}
}