/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
@media (min-width : 1200px) {
}
/* Medium Devices, Desktops */
@media (min-width : 992px) {
/*ul.navbar-nav a {
padding: 15px 0px 10px 19px;
}*/
/*portfolio*/
.single-portfolio figcaption .links a {
float: left;
margin: 0px 5px 0px 0px;
}
}
@media (min-width:980px) and (max-width:1199px){
.col-md-3{width:220px;;margin: 5px;
}
.feature_content a{
display: inline-block;
padding: 8px 70px 8px;
font: 399 24px/30px "Open Sans",sans-serif;
color: #413D3D;
outline: 1px solid #CCC;
width:200px;
}
.feature_content_b a{
display: inline-block;
padding: 8px 70px 8px;
font: 399 24px/30px "Open Sans",sans-serif;
color: #413D3D;
outline: 1px solid #CCC;
width:170px;
}
#slider_part {
height: 300px;
width: 100%;
overflow: hidden;
margin-top: 90px;
}
overlay-slide {
position: relative;
width: 100%;
height: 258px;
}
}
.img-responsive1{
display:block;
max-width:100%;
height:120px;
}
.carousel-caption {
top: 26%;
}
.carousel .item.active .animated3 {
-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
animation: bounceInLeft 1s ease-in-out 500ms both;
float: left;
color:rgb(108, 9, 9);
font-size:16px;
}
.carousel .item.active .animated2 {
-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
animation: lightSpeedIn 1s ease-in 200ms both;
float: left;
font-size: 26px;
color: #6C0909 ;
}
/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {
.carousel .item.active .animated3 {
-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
animation: bounceInLeft 1s ease-in-out 500ms both;
float: left;
color:rgb(108, 9, 9);
font-size:16px;
}
.carousel .item.active .animated2 {
-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
animation: lightSpeedIn 1s ease-in 200ms both;
float: left;
font-size: 25px;
color: #6C0909 ;
}
.navbar-header{
width: 20%;
}
.navbar-brand {
height: 48px;
}
ul.navbar-nav a {
padding: 15px 0px 10px 10px;
}
/*main Slider*/
#slider_part {
height: 268px;
margin-top: 84px;
}
.carousel-caption {
top: 16%;
}
.carousel-caption h2{
font-size: 30px;
line-height: 55px;
width: 30%;
}
.carousel-caption h2:after{
height: 80px;
}
.carousel-caption h2:before{
height: 80px;
}
.carousel-caption h3 {
font-size: 40px;
line-height: 30px;
}
.carousel-caption p {
font-size: 30px;
line-height: 45px;
}
.overlay-slide {
height: 100%;
}
.carousel-indicators {
bottom: 15%;
}
.carousel-control.right {
right: 32px;
}
/*ABout us*/
.feature_content .btn-main{
margin-bottom: 40px;
}
/*portfolio*/
.single-portfolio figcaption .links a {
float: left;
margin: 0px 5px 0px 0px;
}
/*count*/
.facts-wrap {
margin: 0px auto 65px;
}
.video-text {
margin-top: 30px;
}
/*pricing*/
.pricing{
margin: 0 auto;
width: 50%;
}
.cyprass-carousel-controller {
left: 41%;
}
.testimonial-slide .testimonial-text {
font-size: 14px;
padding-top: 20px;
text-align: justify;
max-width: 651px;
padding: 0px 20px 0px 20px;
}
/*backt top*/
#back-top {
right: 12px;
}
/*-- Landing ---*/
.hero-text{
width: 95%;
}
.hero-title{
font-size: 36px;
}
.hero-buttons a.btn {
padding: 10px 20px;
}
.app-gallery figure.effect-oscar a{
margin-top: 105px;
}
}
/* Small Devices Potrait */
@media (max-width : 767px){
.carousel-caption h3 {
font-size: 10px;
line-height: 30px;
color:rgb(108, 9, 9);
}
.carousel-caption p {
font-size: 35px;
line-height: 45px;
}
.carousel-caption h2{
font-size: 31px;
line-height: 34px;
width: 33%;
margin-top:20px;
color:#F5EBEB;
}
#slider_part {
height: 268px;
margin-top: 84px;
}
.carousel .item.active .animated2 {
-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
animation: lightSpeedIn 1s ease-in 200ms both;
float: left;
font-size: 20px;
color:#F5EBEB;
}
.carousel .item.active .animated3 {
-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
animation: bounceInLeft 1s ease-in-out 500ms both;
float: left;
color:rgb(248, 246, 246);
}
.carousel-caption h2:after{
position: absolute;
width: 2px;
height: 55px;
left: 5px;
top: -10px;
}
.carousel-caption h2:before{
position: absolute;
width: 2px;
height: 55px;
right: 5px;
top: -10px;
}
.feature_content_b{
display: inline-block;
padding: 8px 70px 8px;
font: 399 24px/30px "Open Sans",sans-serif;
color: #413D3D;
outline: 1px solid #CCC;
width:120px;
}
/*main Slider*/
.carousel-caption {
top: 20%;
margin-top: -50px;
text-shadow: none !important;
left: 0%;
transition: all.3s ease 0s;
right:0%!important;
}
.overlay-slide {
height: 100%;
position: relative;
width: 165%;
margin-left: -93px;
}
.carousel-caption p {
font-size: 12px;
line-height: 14px;
margin-top: 20px;
}
.carousel-indicators li {
width: 15px !important;
height: 15px !important;
}
.carousel-indicators {
width: 25%;
}
.carousel-indicators {
left: 54%;
bottom: 1%;
}
.feature_sub {
color: #000;
font-size: 14px;
line-height: 25px;
font-weight: 400;
float: left;
text-align: justify;
}
.slides-control .carousel-control i {
line-height: 15px;
font-size: 20px;
width: 30px;
height: 30px;
}
.carousel-control.right {
right: 30px;
}
/*header*/
.navbar-brand img {
height: 41px;
}
.feature_title {
font-size: 20px;
}
.feature_title {
position: relative;
padding-bottom: 10px;
color: #e1750d !important;
margin: 10px auto;
font-size: 20px;
line-height: 0px;
text-transform: uppercase;
}
.feature_content .btn-main{
margin-bottom: 40px;
}
#service{
padding-bottom: 0px;
padding-top: 40px;
}
/*count*/
.facts-wrap {
margin: 0px auto 65px;
}
.video-text {
margin-top: 30px;
}
/*pricing table*/
.single_table {
width: 287px;
}
.single_table ul li.price {
font-size: 40px;
}
.single_table .plan_wraper {
height: 64px;
left: 38%;
}
.single_table ul li {
font-size: 16px;
}
.grey_bg{
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/*Testimonial */
.cyprass-carousel-controller {
left: 33%;
}
.testimonial-slide .testimonial-text {
font-size: 14px;
padding-top: 20px;
text-align: justify;
max-width: 431px;
padding: 0px 20px 0px 20px;
}
/*client*/
.client_logo {
padding: 0px;
margin: 0 auto;
width: 50%;
}
#client {
padding: 0px 0px;
}
/*blog*/
#banner {
height: 400px;
}
.blog-header {
margin-top: 95px;
}
#portfolio-slider li img {
height: 250px !important;
}
.bx-wrapper .bx-controls-direction a {
top: 42%;
}
.bx-wrapper .bx-viewport {
height: 250px !important;
}
.bx-wrapper .bx-pager {
top: 60%;
}
.share1 {
height: 88px;
padding: 5px 20px 30px 20px;
}
.blog-desc{
margin-top: -90px;
}
/*footer*/
.footer_b {
padding-bottom: 21px;
}
.footer_mid{
float: left !important;
}
/*backt top*/
#back-top {
right: 12px;
}
.img-responsive{
height:200px;
}
navbar-brand {
float: left;
font-size: 18px;
line-height: 20px;
}
}