@media screen and (max-width: 991px){
.secondary_v2 #footer_area .col-md-3.col-sm-12.xs-center{
background: #17222c;
}
}
@media (min-width: 768px){
.has_dropdown:hover .drop_down{
opacity: 1;
visibility: visible;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.has_submenu:hover .submenu{
top: -1px;
visibility: visible;
opacity: 1;
box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(0);
transform: rotate(0);
padding: 10px 0;

}
}

@media (min-width: 992px) and (max-width: 1199px){
.container{
width: 970px;
padding: 0 15px;
}
.navbar-nav li > a{
padding: 0 10px;
}
.image-container .image::before{
right: -25px;
}
.image-container .image::after{
right: -20px;   
}
.left_side::after{
right: -24px;
}
.single_count p{
font-size: 12px;
}
#how_we_work .section_title{
padding-bottom: 20px;
}
.steps:nth-child(1){
margin-bottom: 70px;
}
.steps.center{
margin-top: 50px;
margin-bottom: 0;
}
.team_member_image_slider.owl-carousel.owl-theme.owl-loaded{
padding-right: 0;
}
#team .team_slider_control {
left: -3px;
width: calc(100% - -5px);
z-index: 5;
}
.test{
top: -58px;
}
.single_testimonial .content_area{
width: calc(100% - 51%);
}
.shaped_border{
height: calc(100% - 1px);
}
.shaped_border::before{
left: -6px;
}
.shaped_border::after{
width: 27px;
}
.service_title h4, .blog_title h4{
line-height: 30px;
}
.social_link ul li a{
padding: 0 6px;
line-height: 24px;
font-size: 12px;
}
#google_map{
left: -633px;
width: calc(100% + 633px);
}
.contact_form{
padding-bottom: 63px;
}
.scroll_top{
left: calc(50% + 485px - 70px);
}
.project_detail .info_title{
display: block;
width: auto;
}
.contact_info_banner .contact_info ul li{
margin: 0;
padding-right: 40px;
}
.contact_info_banner .contact_info ul li .icofont{
padding-right: 10px;
}

.left_side p {
padding-right: 18px;
}
.footer_column_title h5 {
font-size: 14px;
}

}
@media (min-width: 768px) and (max-width: 991px){

.title h1{
font-size: 32px;
}
p{
font-size: 13px;
line-height: 25px;
}
.container{
width: 750px;
padding: 0 15px;
}
.logo{
padding: 0 10px;
font-size: 19px;
}
.single_page.index-2 .logo::before{
border-bottom: 85px solid rgba(0,0,0,0);
} 
.index-2 .logo{
padding: 0;
font-size: 25px;
line-height: 84px;
}
.single_page .logo::before{
border-left: 27px solid #f86e2f;
}
.single_page #for_mobile{
padding-right: 0;
}
.navbar-nav li > a{
padding: 0 7px;
font-size: 11px;
}
.navbar-collapse .icofont-search{
display: none;
}
.index-2 .navbar-nav > li > a{
line-height: 79px;
}
.quote_btn{
padding-top: 18px;
}
.quote_btn a{
line-height: 40px;
font-size: 12px;
padding: 0 10px;
}
.index-2 .hero_image{
display: none;
}
.tiny_header{
text-align: center;
}
.image-container .image::before{
right: -45px;
}
.image-container .image::after{
top: 33px;
-webkit-transform: translate(0);
transform: translate(0);
right: -6px;
}
.right_side .col-sm-6:nth-child(1),
.right_side .col-sm-6:nth-child(2){
margin-bottom: 30px;
}
.right_side .col-md-3:nth-child(2) .single_count::after{
position: initial;
}
.single_service::after{
right: -47px;
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
.steps:nth-child(1){
margin-bottom: 40px;
}

.step_number{
top: calc(-50% + 15px);
}
.steps .step_title h4,
.service_title h4,
.service_title h4, .blog_title h4{
font-size: 16px;
line-height: 30px;
}
.about_step > p{
font-size: 13px;
line-height: 25px;
}
.process_circle .quote{
bottom: 25px;
font-size: 12px;
}
.steps.center{
margin-top: 80px;
margin-bottom: 0;
}
.tag_description span{
font-size: 13px;
}
.work_withus_wrapper h1{
font-size: 32px;
}
.team_member_image_slider.owl-carousel.owl-theme.owl-loaded{
padding-right: 0;
}
#team .team_slider_control{
width: calc(100% - -6px)
}
.test{
top: -117px;
}
.owl-carousel .owl-item img{
width: 100%;
}
.team_thumbnail_slider{
top: 0px;
border: 1px solid #ddd;
}
.team_thumbnail_slider .owl-controls{
padding-top: 15px;
}
.owl-dot.active{
border: 2px solid #222!important;
}
.team_thumbnail_slider .owl-dot{
border: 1px solid #222;
}
.navigation_slider {
position: absolute;
top: calc(100% + 4px);
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.single_blog_item::after{
position: initial;
}
.blog_title{
padding-top: 20px;
}
.blog_text{
padding-top: 5px;
}
.blog_image img{
width: 100%;
}
.blog_image::after{
top: 100%;
left: 30px;
height: 30px;
width: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.price h1{
font-size: 48px;
}
.contact{
position: relative;
}
#google_map{
left: -500px;
width: calc(100% + 500px);
}
.contact_form{
padding-bottom: 57px;
right: 15px;
}
.contact_title{
padding-bottom: 50px;
}
.social_contact{
margin: 0;
}
.social_link ul li a{
line-height: 25px;
}
.footer_logo{
padding-bottom: 9px;
}
.title_underline{
margin-bottom: 14px;
}
.message_form input, .message_form textarea{
margin-bottom: 25px;
padding-bottom: 10px;
}
.address li span{
padding-top: 4px;
}
#footer_area .col-md-3.col-sm-12.xs-center{
margin-top: 40px;
padding: 30px 180px;
background: #202020;
text-align: center;
}
.scroll_top{
left: calc(50% + 375px - 70px);
width: 65px;
height: 65px;
}
.project_detail{
padding: 30px;
}
.project_detail .info_title{
display: block;
width: auto;
}
.search_bar{
text-align: center;
} 
.blog_search{
display: inline-block;
}
.blog_sidebar .pagination_area nav{
text-align: center;
}
.blog_sidebar .blog_post{
padding: 0;
}
.contact_info_banner .contact_info ul li{
margin: 0;
padding-right: 10px;
}
.contact_info_banner .contact_info .icofont{
padding-right: 5px;
}

#promot_section2 .work_withus_wrapper h1 {
font-size: 25px;
}

}
@media screen and (max-width: 767px){
.tiny_header .contact_info ul > li{
display: block;
text-align: center;
}
.container{
width: 450px;
padding: 0 15px;
}
.logo{
padding: 0 20px;
line-height: 65px;
}
.logo::before{
border-bottom: 66px solid rgba(0, 0, 0, 0);
}
.navbar-toggle{
height: 48px;
width: 44px;
margin-right: 0;
}
.index-2 .navbar-toggle{
margin-top: 20px;
}
.menu_icon{
width: 100%;
height: 1px;
background: #f86e2f;
position: relative;
display: block;
margin-top: 8px;
}
.has_dropdown .drop_down{
position: initial;
opacity: 1;
visibility: visible;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#for_mobile{
position: absolute;
z-index: 5;
width: 88%;
background: #222;
}
#for_mobile .icofont.icofont-search{
display: none;
}
.has_submenu .submenu{
position: static;
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
visibility: visible;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.single_page #for_mobile {
padding: 0;
max-height: calc(100vh - 75px);
}
.single_page.index-2 #for_mobile {
max-height: calc(100vh - 99px);
}
.drop_down{
padding-left: 25px;
width: calc(100% - 20px);
-webkit-transform: rotate(0);
transform: rotate(0);
}
.submenu{
padding-left: 20px;
}
.drop_down.active,
.submenu.active{
-webkit-transform: rotate(0);
transform: rotate(0);
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.drop_down ul li > a{
padding: 0;
}
.nav.navbar-nav{
margin: 0;
}
.menu_style_2 .navbar-nav li > a{
color: #fff;
}
.menu_style_2 .drop_down, .menu_style_2 .has_submenu .submenu{
background: #222;
}
.quote_btn{
display: none;
}
.caret{
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.caret.rotate{
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.right_caret{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.right_caret.rotate{
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body[class^="onepage_"] .menu-area .navbar-nav li.active::before, 
body[class^="onepage_"] .menu-area .navbar-nav li.active::after{
display: none;
}
.menu_icon::before{
top: -10px;
}
.menu_icon::after{
bottom: -10px;
}
.navbar-nav li > a,
.index-2 .navbar-nav li > a{
line-height: 40px;
}
p{
line-height: 25px;
font-size: 13px;
}
.section-padding{
padding: 100px 0;
}
.title h1{
font-size: 25px;
}
.section_title .title_subtext span{
font-size: 13px;
}
#for_mobile{
float: none;
}
div[class*="_slider_control"]{
z-index: 1;
}
.small_title{
font-size: 30px;
}
.big_title{
font-size: 45px;
}
.hero_text{
font-size: 13px;
}
.arrow_btn{
font-size: 12px;
}
.breadcrumb_area .section_title .title h1{
font-size: 26px;
padding: 0;
}
.breadcrumb_area .section_title .bread_crumb{
margin-top: 5px;
}
.index-2 .hero_image{
display: none;
}
.image-container .image::before{
position: initial;
}
.image-container .image{
overflow: visible;
}
.image-container .image::after{
bottom: 0;
left: 30px;
top: 100%;
height: 40px;
width: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#about_us .section_title{
padding-top: 30px;
}
.left_side,
.right_side{
padding-top: 60px;
padding-bottom: 60px;
}
.left_side::after{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 5000%;
background: #f86e2f;
left: 100%;
border: none;
height: 100%;
}
#counter_up .title_icon{
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.counts{
font-size: 50px;
}
.single_count{
margin-bottom: 30px;
}
.single_count p{
font-size: 12px;
line-height: initial;
}
.right_side .col-md-3:nth-child(2) .single_count::after{
position: initial;
}
.single_service::after{
right: -45px;
}
.content_visible_md{
display: none;
}
.content_visible_xs{
display: block;
}
.step_number{
left: 0;
top: calc(-50% + 6px)
}
.steps:nth-child(1){
margin-top: 0;
}
#how_we_work .steps:last-child{
margin-bottom: 0;
}
#how_we_work .steps{
margin-bottom: 60px;
text-align: center;
padding: 0 50px;
}
.steps .step_title h4{
font-size: 16px;
line-height: 30px;
}
.portfolio_filter ul li span{
line-height: 50px;
padding: 0 15px;
}
.work_withus_wrapper{
text-align: center;
}
.work_withus_wrapper h1{
font-size: 30px;
}
.work_with .btn_area{
margin-top: 20px;
}
.test{
position: relative;
top: 0;
}
.team_area_wrapper .team_member h4{
font-size: 25px;
}
.navigation_slider{
display: none;
}
.team_area_wrapper .member_image_wrapper,
.team_area_wrapper .member_image_wrapper img{
width: 100%;
}
.test{
margin-top: 30px;
}
#team .section_title{
padding-bottom: 60px;
}
#team .member_info .member_info{
font-size: 13px;
}
.single_testimonial .content_area{
width: calc(100% - 46%);
}
.single_blog_item{
margin-bottom: 40px;
}
.single_blog_item::after{
position: initial;
}
.blog_image{
overflow: visible;
}
.blog_image img{
width: 100%;
}
.blog_image::after{
left: 30px;
top: 100%;
height: 40px;
width: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.service_title a{
display: inline-block;
}
.service_title h4, .blog_title h4{
font-size: 14px;
line-height: 30px;
}
.blog_post{
margin-top: 30px;
}
.left_side{
text-align: center;
}
.title_icon{
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.single_price_table{
margin-bottom: 30px;
}
.price h1{
font-size: 45px;
}
.contact{
position: initial;
}
.contact>.container>.row{
margin: 0;
}
.social_contact{
margin: 0;
}
.social_link ul li{
padding: 25px 0;
}
.contact_title{
padding-bottom: 50px;
}
.message_form input,
.message_form textarea{
padding-bottom: 10px;
margin-bottom: 30px;
}
.social_link ul li a{
font-size: 12px;
padding: 0 3px;
}
.social_link ul li a::after{
position: initial;
}
#map_contact{
position: initial;
}
.contact_form{
position: initial;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
}
#google_map{
left: 0;
width: 100%;
height: 250px;
}
.info_text,.quick_link{
margin-bottom: 40px;
}
.title_underline{
margin-bottom: 5px;
}
#footer_area .col-md-3.col-sm-12.xs-center{
margin-top: 40px;
padding: 30px;
text-align: center;
background: #202020;
}
#footer_area .col-md-3.col-sm-12.xs-center>.info_text{
margin-bottom: 0px;
}
.scroll_top{
left: calc(50% + 225px - 70px);
}
.about_us_detail .about_us_point{
margin-bottom: 30px;
}
.about_us_detail .about_us_point::after{
display: none;
}
.about_us_detail .about_us_point_title{
font-size: 16px;
}
.about_us_detail .point_in_detail{
padding-top: 10px;
}
.project_detail{
padding: 30px;
}
.project_detail .info_title{
width: auto;
display: block;
margin: 0;
}
.project_detail .info_row li p{
padding-bottom: 10px;
}
.project_detail .info_row li p:last-child{
padding-bottom: 10px;
}
.blog_sidebar .blog_image::after{
top: 100%;
}

#team .team_slider_control {
left: 0;
width: calc(100%);
}

.light_blue .left_side::after{
background: #00ccff;
}
.blue_v2 .left_side::after{
background: #29b6f6;
}
.deep_blue .left_side::after{
background: #2398f5;
}
.yellow_v .left_side::after{
background: #f4bc16;
}
.green_v .left_side::after{
background: #0ec985;
}
.golden_v .left_side::after{
background: #d5aa6d;
}
.light_blue .navbar-toggle .menu_icon{
background:#00ccff;
}
.blue_v2 .navbar-toggle .menu_icon{
background:#29b6f6;
}
.deep_blue .navbar-toggle .menu_icon{
background: #2398f5;
}
.yellow_v .navbar-toggle .menu_icon{
background: #f4bc16;
}
.green_v .navbar-toggle .menu_icon{
background: #0ec985;
}
.golden_v .navbar-toggle .menu_icon{
background: #d5aa6d;
}
}
@media (min-width: 480px) and (max-width: 767px){
.project_detail .info_row li{
width: auto;
padding-left: 0;
display: block;
float: none;
}
.project_detail .info_title{
display: inline-block;
}
.project_detail .info_row li:last-child p:last-child{
padding-bottom: 0;
}
.index-2 .part_two::before{
left: 5px;
}
.index-2 .part_two::after{
bottom: 28px;
right: -50px;
}
.recent_posts .recent_blog_img{
width: 20%;
}
.media-left, .media > .pull-left{
padding: 0;
}
.media-list > li ul li .media .media-body{
padding: 0;
display: block;
}
.tag_share .tags,
.tag_share .share{
float: none;
}
.tag_share .share{
padding-top: 20px;
}
.contact_info_banner .contact_info ul li{
margin: 0;
display: block;
margin-bottom: 10px;
line-height: 25px;
}
}
@media (min-width: 300px) and (max-width: 479px){
.container{
width: 295px;
padding: 0 15px;
}
.owl-dot{
width: 25px;
}
.index-2 .part_two::before{
left: 9px;
}
.index-2 .part_two::after{
right: -54px;
bottom: 19px;
}
.logo,
.index-2 .logo{
font-size: 18px;
padding: 0 10px;
line-height: 55px;
}
.index-2 .navbar-toggle{
margin-top: 8px;
}
.index-2 .logo{
line-height: 64px;
}
.index-2  .logo::before{
border-bottom: 64px solid rgba(0, 0, 0, 0);
left: calc(100% - 1px);
}
.logo::before{
border-bottom: 57px solid rgba(0, 0, 0, 0);
border-left: 15px solid #f86e2f;
}
.index-2 .logo::after{
right: calc(100% - 2px);
}
.menu_icon:nth-child(1){
margin: 0;
}
.image-container .image::after{
height: 30px;
left: 20px;
}
.big_title{
font-size: 40px;
}
.small_title {
font-size: 25px;
}
.custom-height {
height: auto;
padding: 100px 0;
}
.hero_content{
height: 700px;
}
.pagination li a{
padding: 0 7px;
line-height: 28px;
}
.about_us_wrapper .section_title{
padding-bottom: 25px;
}
#counter_up .right_side .col-md-3.col-xs-6.col-sm-6 {
display: inline-block;
float: none;
}
#counter_up .right_side{
text-align: center;
}
.single_count::after{
position: initial;
}
.step_number{
top: calc(-50% + 20px);
}
.portfolio_filter ul li{
margin-bottom: 20px;
}
#promot_section{
margin-bottom: -70px;
}
#testimonial_area{
padding-top: 100px; 
}
.single_testimonial{
text-align: center;
padding: 0 30px;
}
.single_testimonial .content_area{
width: 100%;
padding: 0;
}
.shaped_border{
display: none;
}
div[class*="_slider_control"]{
-webkit-transform: translateY(-108px);
transform: translateY(-108px);
}
.single_testimonial .single_line{
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.btn_promot .btn-text{
padding: 0 25px;
}

#map_contact .social_link{
text-align: center;
}
.social_link ul li{
padding: 0;
}

.scroll_top {
left: calc(50% + 135px - 45px);
height: 45px;
width: 45px;
}
.scroll_top span{
line-height: 45px;
}
.camera_next{
right: 10px;
}
.camera_prev{
left: 10px;
}
.about_us_detail .about_us_point{
margin-bottom: 20px;
}
.case_studies .owl-controls{
bottom: 10px;
right: 15px;
}
.project_detail .info_row li{
width: auto;
padding-left: 0;
}
.project_detail .info_row li:last-child >p:last-child{
padding: 0;
}
.project_detail .info_row li p{
font-size: 14px;
}
.media-list .media .pull-left{
float: none!important;
padding: 0;
}
.media-list .media .media-body{
padding-left: 0;
padding-top: 20px;
}
.media-list > li ul{
padding-left: 30px;
}
.huge_text p{
font-size: 120px;
}
.alas_message{
font-size: 30px;
}
.contact_info_banner .contact_info ul li{
margin: 0;
padding-bottom: 30px;
}
.contact_info_banner .contact_info ul li:last-child{
padding: 0;
}
}