/* Body Class This is demo purpose only */
	
	.demo {
	    position: relative;
	    color: #333;
	    font-family: 'Open Sans', sans-serif;
	    line-height: 25px;
	    background: #f0f0f0;
	}
	/* Navigation Bar Section */
	
	.my-nav #mainnavigation.mnav {
	    background: #2d3035
	}
	.my-nav .navbar.mnav {
	    min-height: 50px;
	    margin-bottom: 20px;
	    border: 0 solid transparent
	}
	/* Navbar list */
	
	.my-nav .nav.mnav > li > a:hover,
	.my-nav .nav.mnav > li > a:focus {
	    text-decoration: none;
	    background-color: rgb(32, 36, 41);
	}
	@media (min-width: 768px) {
	    /* Ipad Navbar List */
	    
	    .my-nav .navbar-nav.mnav > li > a {
	        color: #FFF;
	        text-transform: uppercase;
	        font-weight: 500;
	        padding: 20px 8px;
	        font-size: 12px;
	        letter-spacing: 1px;
	    }
	    /* Hover Style */
	    
	    .my-nav .nav.mnav > li > a:hover,
	    .my-nav .nav.mnav > li > a:focus {
	        text-decoration: none;
	        color: #00FFFF;
	        background-color: transparent;
	    }
	    /* Humberger Icon */
	    
	    .my-nav .navbar-toggle.mnav {
	        position: relative;
	        float: right;
	        margin-right: 15px;
	        padding: 20px 10px;
	        margin-top: 8px;
	        margin-bottom: 8px;
	        background-color: transparent;
	        background-image: none;
	        border: 1px solid transparent;
	        border-radius: 4px
	    }
	    .my-nav .navbar.mnav #mynavbar-lg.mnav {
	        display: block;
	        width: 100%;
	        height: 90px
	    }
	    .my-nav .navbar.mnav #mynavbar-sm.mnav {
	        display: block;
	        width: 200px;
	        height: 100px
	    }
	}
	/* Viewport Brand Icon */
	
	.my-nav .navbar-brand.mnav {
	    float: left;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
	    width: 200px;
	    height: 70px;
	    font-family: 'Open Sans', sans-serif;
	    color: #00FFFF
	}
	/* Media Query */
	
	@media only screen and (max-width: 768px) {
	    /* Large Icon Style */
	    
	    .my-nav .navbar.mnav #mynavbar-lg.mnav {
	        display: block;
	        width: 220px;
	        background-size: cover;
	        height: 90px
	    }
	    .my-nav .navbar.mnav {
	        min-height: 60px
	    }
	    .my-nav .navbar-toggle {
	        margin-right: 15px;
	        padding: 10px 10px
	    }
	}
	/* Humberger Icon */
	
	.my-nav .navbar-toggle .icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	    background: #00FFFF
	}
	/* Media Query */
	
	@media only screen and (max-width: 767px) {
	    /* Large Icon Style */
	    
	    .my-nav .navbar.mnav #mynavbar-lg.mnav {
	        display: block;
	        height: 60px;
	        width: 220px;
	        height: 90px
	    }
	    .my-nav .navbar-nav.mnav > li > a {
	        color: #00FFFF;
	        text-align: center;
	        text-transform: uppercase
	    }
	    .my-nav .navbar-nav.mnav {
	        margin: 0 -15px
	    }
	    /* Humberger Icon Border */
	    
	    .my-nav .navbar-collapse {
	        border-top: 0 solid transparent
	    }
	}
	/* Scroll Affix */
	
	.my-nav .affix.mnav {
	    padding: 0;
	    -webkit-transition: padding .2s linear;
	    -moz-transition: padding .2s linear;
	    -o-transition: padding .2s linear;
	    transition: padding .2s linear;
	    background-color: rgba(45, 48, 53, 0.9);
	    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2)
	}
	.my-nav .affix-top.mnav {
	    padding-top: 15px;
	    padding-bottom: 15px;
	    -webkit-transition: padding .5s linear;
	    -moz-transition: padding .5s linear;
	    -o-transition: padding .5s linear;
	    transition: padding .5s linear
	}
	/* Media Query */
	
	@media only screen and (max-width: 767px) {
	    .my-nav .affix.mnav {
	        padding: 0;
	        -webkit-transition: padding .2s linear;
	        -moz-transition: padding .2s linear;
	        -o-transition: padding .2s linear;
	        transition: padding .2s linear;
	        background-color: rgba(45, 48, 53, 0.9) -webkit-box-shadow: #0px #1px #5px #0px rgba(0, 0, 0, 0.5);
	        -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
	        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5)
	    }
	    .my-nav .affix-top.mnav {
	        padding-top: 15px;
	        padding-bottom: 15px;
	        -webkit-transition: padding .5s linear;
	        -moz-transition: padding .5s linear;
	        -o-transition: padding .5s linear;
	        transition: padding .5s linear;
	        background-color: rgba(45, 48, 53, 0.9)
	    }
	}
	/* Navbar Title */
	
	.my-nav .title.mnav {
	    color: #fff;
	    font-size: 20px;
	    margin: 17px 0px;
	    font-weight: bold;
	}
	/* Content Section */
	
	#bsec #home,
	#bsec #about,
	#bsec #service,
	#bsec #product,
	#bsec #portfolio,
	#bsec #contact {
	    padding-top: 50px;
	}
	/* Horizantal link CSS */
	
	#bsec hr {
	    margin-top: 10px !important;
	    margin-bottom: 0px !important;
	    border: 0;
	    border-top: 2px solid #ccc;
	}
	/* Heading CSS */
	
	#bsec #home h4,
	#bsec #about h4,
	#bsec #service h4,
	#bsec #product h4,
	#bsec #portfolio h4,
	#bsec #contact h4 {
	    text-transform: capitalize;
	    font-family: 'Open Sans', sans-serif;
	    font-size: 15px;
	    font-weight: bold;
	    line-height: 25px;
	    color: #696969;
	}
	/* Padding Top and Bottom */
	
	#bsec .pad-top {
	    padding-top: 50px;
	}
	#bsec .pad-bot {
	    padding-bottom: 50px;
	}