/*RESPONSIVE MENU*/
.home_ph{
    display: none;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 20;
    margin: 7px 0;
}
.home_ph:hover{color: #1d3d9c;}
.responsive_btn {
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 7px 0;
    float: right;
    position: relative;
    z-index: 20;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn span {
    display: block;
    height: 2px;
    width: 20px;
    position: relative;
    top: 50%;
    margin: -1px auto;
}
.responsive_btn span:before,.responsive_btn span:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.responsive_btn span:before {top: -6px;}
.responsive_btn span:after {bottom: -6px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after {
    background: #fff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #1d3d9c;}

.responsive_nav {
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    min-height: 100%;
    z-index: 20;
    background: #000;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_nav ul {margin: 0; padding: 0; text-align: left;}
.responsive_nav ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}
.responsive_nav ul li:first-child {border-top: none;}
.responsive_nav ul li:after{display: none;}
.responsive_nav ul li > a {
    display: block;
    padding: 12px 10px 8px;
    color: inherit;
    position: relative;
}
.responsive_nav ul li a:hover,.responsive_nav ul li a:focus,.responsive_nav ul li.active > a{color: #fff; background: #1d3d9c;}
.responsive_nav ul ul {padding: 0 0 15px 15px;}
.responsive_nav ul .sub-menu,.responsive_nav ul li a i {display: none;}
.responsive_nav .subarrow {display: block; pointer-events: inherit; width: 30px; height: 40px; line-height: 40px !important; right: 0;}
.responsive_nav ul .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    transform: none;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0;}
.responsive .responsive_btn {pointer-events: none;}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 0;
}
.responsive .responsive_btn span:before {opacity: 0;}
.responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}

/*WIDGET*/
.widget_block {
	display: none;
	padding: 0 50px;
	margin: 0 auto;
    text-align: center;
}
.widget_links{margin: 2px 0 0;}
.widget_links:after{content: ""; display: block; clear: both;}
.widget_links a, .widget_links span{
	background-color: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
    margin: 0;
	width: 40px;
	height: 36px;
    line-height: 37px;
	text-align: center;
	color: #fff;
    font-size: 16px;
}
.widget_links a:last-child, .widget_links span:last-child{margin: 0;}
.widget_links a:hover, .widget_links span:hover, header .widget_links a[href^="mailto:"]:hover {background-color: #fff; color: #f7963e;}
.widget_links a:first-child, .widget_links span:first-child {border-radius: 22px 0 0 22px;}
.widget_links a:last-child, .widget_links span:last-child {border-radius: 0 22px 22px 0;}
.widget_form {
    display: none;
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    right: 15px;
    left: 15px;
    top: 100%;
    z-index: 21;
    margin: 0;
    padding: 15px;
}
.sticky .widget_form{margin: 0;}
.widget_form form {margin-bottom: 0;}
.widget_form ul{
	list-style: none;
	padding: 0;
	margin: 0 -10px;
}
.widget_form ul li{padding: 0 10px; margin: 0;}
.widget_form ul li:last-child{margin-bottom: -10px;}
.widget_form .input_wrap{margin-bottom: 10px;}
.widget_form input[type="text"], .widget_form input[type="email"], .widget_form textarea {height: 36px;	font-size: 14px; background-color: transparent; margin: 0;}
.widget_form textarea {height: 70px;}
.widget_form input[type="submit"], .widget_form input[type="reset"], .widget_form button{
	height: 36px;
	line-height: 32px;
    font-size: 14px;
    padding: 0 20px;
    min-width: inherit;
}
.widget_form .error, .widget_form .success, .widget_form .information{margin: 10px 0 0; padding: 6px 5px 6px 30px; -webkit-background-position: 8px 10px; background-position: 8px 10px; min-height: 36px; font-size: 14px;}


/*1200px*/
@media only screen and (max-width: 1400px) {
    .container {width: 1170px;}
    /* .nav_menu > ul > li > a{padding: 0 15px;}
    .subarrow{right: 2px;} */
}

/*1170px*/
@media only screen and (max-width: 1199px) {
    .container {width: 1155px;}
    .owl-carousel{padding: 0 25px;}
    .owl-carousel .owl-nav [class*="owl-"]{width: 30px; height: 30px; line-height: 28px; font-size: 20px; margin: -15px 0 0;}
    .owl-carousel .owl-nav .owl-prev{left: -10px;}
    .owl-carousel .owl-nav .owl-next{right: -10px;}
}

/*992px*/
@media only screen and (max-width: 1169px) {
	.container {width: 990px;}
    .hmdl{padding: 5px 0;}
    .homeslider .bannerimg{max-height: 360px;}
    .bannertext .heading{font-size: 40px; line-height: 46px;}
    .bannertext{left: 60px; right: 60px; font-size: 24px; line-height: 30px;}
    .bannertext .container{width: 100%;}
    .projectD_img{width: 100%; margin: 0 0 20px; text-align: center; float: none;}
    .service_box{height: 215px; overflow: hidden;}
}

/*768px*/
@media only screen and (max-width: 991px) {
    .container {width: 760px;}
	.nav_menu, .htop{display: none;}
    .responsive_btn, .widget_block, .home_ph{display: block;}
    .logo{width: 216px;}
    .hcall{display: none;}
    .hbtm .social{position: absolute; top: -55px; right: 15px;}
    .hbtm .social a{color: #989898;}
    .hbtm .social a i{width: 40px; height: 40px; line-height: 40px; -webkit-border-radius: 50%; border-radius: 50%;}
    .responsive_btn, .home_ph{margin: 0;}
    .sticky .common_banner{margin-top: 40px;}
    .nav_wrapper{float: right;}
    .homeslider .bannerimg{max-height: 280px;}
    .bannertext .heading{font-size: 20px; line-height: 24px; margin-bottom: 0;}
    .bannertext .btn{margin: 10px 0 0; font-size: 16px; line-height: 24px; height: 30px; padding: 0 20px;}
    .section, .ftop{padding: 40px 0;}
    .subheading{font-size: 20px; line-height: 24px;}
    footer .logo{margin: 0; text-align: center;}
    .fblock{margin-top: 40px;}
    .copyright p:first-child, .copyright p:last-child{float: none; text-align: center;}
    .captcha_img > div {-webkit-transform: scale(0.8); transform: scale(0.8); margin: -8px -30px;}
    .btn_wl {float: right; margin: 0;}
    .ntext{padding: 15px;}
    .popularpost > .content > a{float: none;}
    .popularpost .content_desc{margin: 0;}
    .news_box .subheading{height: 48px;}
    .service_list > ul > li{width: 100%;}
    .service_list > ul.service_mdl > li{width: 50%;}
    .service_box{height: auto;}
    .stext{min-height: 118px;}
    .testimonial_list .sk_box{
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    .testimonial_list .sk_box_close{
        right: -5px;
        top: -5px;
    }
}

/*600px*/
@media only screen and (max-width: 767px) {
    .container {width: 100%;}
    .stickySidebar{margin: 40px 0;}
    .stickySidebar:first-child{margin-top: 0;}
    .stickySidebar:last-child{margin-bottom: 0;}
    .stickySidebar aside{margin: 0 0 40px;}
    .popularpost > .content > a{float: left;}
    .popularpost .content_desc{margin: 0 0 0 80px;}
    .homeslider.owl-carousel .owl-nav .owl-prev, .homeslider.owl-carousel:hover .owl-nav .owl-prev{left: 5px;}
    .homeslider.owl-carousel .owl-nav .owl-next, .homeslider.owl-carousel:hover .owl-nav .owl-next{right: 5px;}
    .homeslider .bannerimg{max-height: 250px;}
    .homeslider .bannerimg img{height: 250px;}
    .bannertext {left: 40px; right: 40px; font-size: 16px; line-height: 24px;}
    .heading, .bannertext .heading, .innerbanner .bannertext .heading {font-size: 30px; line-height: 36px;}
    .bannertext .btn{margin: 10px 0 0;}
    .innerbanner img {height: 100px; width: auto; max-width: inherit;}
    input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], select{height: 40px;}
    textarea{height: 150px;}
    textarea.row2{height: 95px;}
    textarea.row3{height: 150px;}
    textarea.row4{height: 205px;}
    [type="submit"], [type="reset"], [type="button"], button, .btn{font-size: 18px; line-height: 36px; height: 40px; padding: 0 20px;}
    .btnHeight{line-height: 40px;}
    .file_upload label{width: 100px;}
    .file_upload input{padding-left: 110px;}
    .home_project .project_list .ul li{width: 50%;}
    .home_project .project_list .ul li:last-child{display: none;}
    .fnav li{width: 20%;}
    footer .social{margin: 10px 0 0;}
    .team_text{margin: 0 0 0 220px;}
    .team_list .ul > li:nth-child(even) .team_text{margin: 0 220px 0 0;}
    .review_box{height: auto; max-height: 270px; padding: 55px 15px 15px;}
    .review_box:before{top: 15px;}
    hr{margin: 15px 0;}
    .service_list > ul.service_mdl > li{width: 100%;}
}

/*480px*/
@media only screen and (max-width: 599px) {
    .homeslider .bannerimg{max-height: 200px;}
    .homeslider .bannerimg img{height: 200px;}
    .bannertext .heading, .innerbanner .bannertext .heading{font-size: 20px; line-height: 24px;}
    .about_section .about_img{float: none; max-width: 100%; margin: 0 0 20px; text-align: center;}
    .form_wrap ul > li{width: 100%;}
    .team_img, .team_list .ul > li:nth-child(even) .team_img{float: none; margin: 0 0 20px;}
    .team_text, .team_list .ul > li:nth-child(even) .team_text{margin: 0;}
    .team_text .editor_text{height: 50px;}
}

/*358px*/
@media only screen and (max-width: 479px) {
    .logo {float: none; margin: 0 auto;}
    .hmdl{padding: 5px 0 50px;}
    .hbtm .social{top: -45px; left: 15px; text-align: center;}
    .hbtm .social a{float: none; display: inline-block; vertical-align: top;}
    .bannertext .heading, .innerbanner .bannertext .heading {font-size: 16px; line-height: 18px;}
    .bannertext .btn {margin: 5px 0 0; font-size: 16px; line-height: 20px; height: auto; border: none;}
    .home_project .container{padding: 0 15px;}
    .home_project .project_list .ul li{margin: 0 0 30px;}
    .home_project .project_list .ul li, .home_project .project_list .ul li:first-child, .project_list .ul li, .news_list > ul > li{width: 100%;}
    .brand_list > ul > li{width: 50%;}
    .fnav li{width: 33.33%;}
    .home_project .project_list .ul li:last-child{display: block; margin: 0;}
    .news_box .subheading, .ncontent{height: auto;}
    .btn_wl, .btn_wr{margin: 15px 0 0;}
    footer .btn_wl, .widget_form .btn_wr{margin: 10px 0 0;}
    [type="submit"], [type="reset"], [type="button"], button, .btn{font-size: 16px;}
    .btn_center .btn, .btn_left .btn, .btn_right .btn{margin: 0 0 0 10px;}
    .contact_list > .col-sm-6{width: 100%; margin: 0 0 40px;}
    .contact_list > .col-sm-6:last-child{margin: 0;}
    .service_box{text-align: center;}
    .sicon{float: none; margin: 0 auto 10px;}
    .stext{margin: 0;}
}

/*320px*/
@media only screen and (max-width: 357px) {
    
}