/*
Author: Bootstrapthemes
Author URI: http://www.bootstrapthemes.co
*/

/* Portrait tablets and medium desktops */
@media (max-width: 1199px) {
    body {
        font-size: 1rem;
    }
    .main_team_area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -1085%;
    }


    .main_work1_area .owl-theme .owl-nav {
        top: -740px;
    }
	.navbar-right {
        float: none !important;
		margin-left:20% !important;
    }
}

@media (max-width: 1024px) {
	.navbar-right {
    float:none !important;
	margin-left:18% !important;
	margin-right:18% !important;
}
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    html {
        font-size: 90%;
    }
    .main_events_area .single_events span.separator3 {
        margin: 10px 25px;
    }
    .main_events_area .single_events span.e_text1 {
        margin-left: 5px;
    }
    .main_team_area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -970%;
    }


    .main_work1_area .owl-theme .owl-nav {
        top: -600px;
    }
	
	.navbar-right {
    float:none !important;
	margin-left:10% !important;
	margin-right:10% !important;
}
    .main_team_area .single_team .team img {
    width: auto;
    height: auto;
}
}
/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    html {
        font-size: 100%;
    }
  
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #fff;
   
        background: #fff;
    }
	.main_menu_bg .navbar-nav > li > a { font-size:1rem;  }
    .menu-scroll .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-top: 12px;
    }
    .btn{
        padding: 0.5em;
    }
    .main_events_area .single_events.events_btn .btn{
        margin-top:30px;
    }
    .main_work1_area .owl-theme .owl-nav {
        display: none;
    }
    .owl-theme .owl-dots{
        margin-top:20px;
    }
    .main_work1_area .main_work1_content{
        padding-top:0px;
    }
    .single_mixi_portfolio img{
        width:100%;
    }
    .main_service_area{
        text-align: center;
    }
    .main_service_area .separator2{
        margin:20px auto;
    }
    .signle_service_left{
        margin-bottom:40px;
    }
    .signle_service_left img{
        width:100%;
    }

    .main_team_area .single_team .team img {
    width: auto;
    height: auto;
}
    .slider-pro h4.sp-layer {
        font-size: 3rem;
        line-height: 3rem;
        margin: 0;
    }
    .slider-pro p.sp-layer{
        font-size:1.325rem;
        line-height: 1.5rem;
        padding-top:10px;
    }
    .slider-pro p.sp-layer.right_sp_layer {
        padding-top: 10px;
    }

    .single_contant_left{
        padding: 0px 20px;
    }




    .instagram-thumbnails img{
        width: 17%;
        display: inline-block;
        margin: 5px;
    }


    .single_counter_right{
        margin-bottom:30px;
    }
    .main_about_area{
        text-align: center;
    }
    .main_about_area .separator2 {
        margin-bottom: 40px !important;
        margin:0 auto;
    }

    .main_blog_area{
        text-align: center;
    }
    .main_blog_area .separator2{
        text-align: center;
        margin:20px auto;
    }
    .single_service {
        min-height: 380px;
    }
    .single_work_overlay{
        padding-top: 35%;
    }
    .main_work1_content_area{
        text-align: center;
    }
    .main_work1_content_area .separator2{
        margin:20px auto;
    }
    .contact_socail a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-left: 5px;
    }
    .work_socail a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
    }
	
	.container-fluid > .navbar-header {
       margin:0 auto !important;
    }
	
	.navbar-header {
    float: none !important;
}

	main_menu_bg {
    height: 250px  !important;
    }
	
	.navbar-right {
    float:none !important;
	margin-left:10% !important;
	margin-right:10% !important;
}
  h4{
        font-size:1.3rem;
}



/* Landscape phones and smaller */
@media (max-width: 667px) {
    html {
        font-size: 100%;
    }
    .main_events_area .single_events span.separator3 {
        margin: 10px 15px;
    }
    .main_events_area .single_events span.e_price{
        font-size:2rem;
    }
    .main_events_area .single_events span.e_text1 {
        margin-left: 5px;
    }
    .single_left_text .separator.sp-layer{
        display: none;
    }




    .instagram-thumbnails img{
        width: 15%;
        display: inline-block;
    }
    .single_work_overlay{
        padding-top: 25%;
    }
	
	.main_home {
    padding: 36px 0px;
    position: relative;
}
	.graphic-elements {
    background-size: auto 90px !important;
}
.menu-scroll .main_menu_bg {
    height: 200px  !important;
    }
	  h4{
        font-size:1.2rem;
}
	

}



@media (max-width: 375px) {


    html {
        font-size: 90%;
    }
    .instagram-thumbnails img{
        width: 14%;
        display: inline-block;
    }
    .single_work_overlay{
        padding-top: 15%;
    }
	.navbar-brand > img {
    max-width: 80%;
    }
	.main_menu_bg {
    height: 150px  !important;
    }
	
	logo {
    width: 150px;
    margin: 0 !important;
	float:left;
}
  h4{
        font-size:1rem;
}

.page-hero {
        padding:0
}
.sections {
    padding-top: 20px;
    padding-bottom: 20px;
}
.main_contact .single_message_right_info {
    margin-top: 0;
}
[class^="fw-col-"] {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-nav {
    margin-top: 80px;
}

@media (max-width: 850px) {

    .main_team_area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -970%;
    }
    .main_team_area .owl-theme .owl-nav{
        display: none;
    }

}