@media (min-width: 1199px){
.f-nav { z-index: 999999; position: fixed; left: 0; top: 0; width: 100%; *display: none;}
.navigation_bar ul li:hover > .sub_menu{display:block}
 }
 @media (max-width: 1199px){
	 
ul.device-list li:first-child{max-width: 315px;}
ul.device-list li.device2{padding-top: 38px;max-width: 280px;}
ul.device-list li.device3{padding-top: 42px;max-width: 138px}
ul.device-list li.device4{padding-top: 87px;max-width: 48px;}
.staf-social li a{width: 25px;height: 25px;}
.staf-social li a i{line-height: 25px;}
.gender-list li a i{font-size: 60px;}
.stars-list li a i{font-size: 34px;}
ul.product-list li a{width: 50px;}
.convertible-banner p{font-size: 16px;line-height: 25px;}
ul.flickr-list li a{max-width: 62px;}
.modern_medium_light{width: 240px;}
.portfolio-container{width: 970px;}
.with-4-col .portfolio-container .work-post{width: 212px;}
.with-3-col .portfolio-container .work-post{width: 293px;}
.with-2-col .portfolio-container .work-post{width: 455px;}
ul.tab-links li a{padding: 10px 0;}
.services-box img{display: none;}
}
@media (max-width: 991px){
.navigation_bar .menu-icon{display:block !important;}
.navigation_bar{position:relative}	
.navigation_bar .main_menu{display: none; width:100%; max-width:320px; position: absolute;top: 100%;z-index: 99999;right:0;background:#f8f8f8; margin:0;  border-left: 1px solid #ccc;  border-right: 1px solid #ccc;}
.navigation_bar .main_menu ul{margin:0 !important; width:100%;}
.navigation_bar ul li a{color:#333;}
.navbar-default .navbar-nav > li{ border-bottom: 1px solid #ccc;color: #ffffff;float: left;width: 100%; margin:0 !important; padding:0;}
.arrow{float:right; position:absolute; width:20px; height:20px; background:url(../images/menu_arrow.png) no-repeat left top; right:0; z-index:999; margin:10px 10px 0 0}
.arrow.minus{background-position:left -22px;}
.navigation_bar ul li .sub_menu{position:static; clear:both; border-top:1px solid #ccc}
.navbar-default .navbar-nav > li:first-child{border-top:none}
.navbar-default .navbar-nav > li:last-child{border-bottom:none}


.navbar-default .navbar-nav > li a{width:100%;float:left;padding:10px;border:none;}
.navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a.active{border:none;background:none;}
.navbar-default .navbar-nav > li a:after{border:none;}
/*
.navbar-default .navbar-nav > li{margin-left: 10px;margin-right: 0 !important;}
.navbar-default .navbar-nav > li > a{font-size: 13px;padding-right: 0!important;}
.navbar-default .navbar-nav > li.drop:after{content: '';}
*/.navbar-brand{padding: 28px 15px;max-width: 180px;}
.navbar-brand img{width: 100%;}
.modern_medium_light{width: 200px;}
ul.device-list{text-align: center !important;width: 100%;}
ul.device-list li{display: block;margin: 0 0 10px 0;width: 100% !important;float: none;text-align: center;max-width: 100% !important;}
ul.device-list li img{max-width: 100%;margin: 0 auto;}
ul.device-list li:after{content: '';width: 0;}
.message-content p{font-size: 16px;padding: 20px;line-height: 24px;}
.staff-post{height: auto;}
.gender-list li{margin-left: 17px;}
.gender-list li i{font-size: 40px !important;}
.stars-list li{margin-left: 13px;}
.convertible-banner p{line-height: 25px;}
ul.flickr-list li{margin-right: 13px !important;}
.portfolio-container{width: 750px;}
.with-4-col .portfolio-container .work-post{width: 220px;}
.with-3-col .portfolio-container .work-post{width: 220px;}
.with-2-col .portfolio-container .work-post{width: 345px;}
ul.filter li a{font-size: 13px;padding: 10px;}
.about-us-text,  .skills-progress{margin-bottom: 30px;}
.slider-caption p.flex-caption{font-size: 40px;}
}
@media (max-width: 768px){
.contact_us_form{margin-top:20px;}
.single-page footer{position:relative}	
#back-to-top{position:absolute; display:block !important}
}
@media (max-width: 767px){
.navigation_bar .menu-icon{margin-top:-42px;}	
.top-line p{float: none;text-align: center;margin-bottom: 10px;}
.contact_us{text-align: center;margin-top: 20px;}
.contact-work-form2{padding: 10px !important;}
.contact_us .img-responsive{float: none;display: inline-block;margin: 0 auto;}
.web_left h2, .contact h2, .call_now h2{font-size: 32px;padding-bottom: 10px !important;}
ul.social-icons{float: none;text-align: center;}
.navbar{background: rgb(255,255,255) !important;}
.navbar-brand{padding: 20px 15px;}
/*.navbar-toggle{margin-top: 15px;}
.navbar-default .navbar-nav > li > a{font-size: 14px;padding: 7px 0 !important;border-top: none !important;font-weight: 600;}
.navbar-default .navbar-nav > li{margin-left: 15px !important;}
.navbar-default .navbar-nav > li:first-child{margin-top: 5px;}
.navbar-default .navbar-nav > li > ul.drop-down{position: relative;visibility: visible;opacity: 1;margin-left: 10px;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;-mos-transition: -mos-transform 0.4s, opacity 0.1s;-o-transition: -o-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}
ul.drop-down li ul.drop-down.level3{position: relative;left: 0;visibility: visible;opacity: 1;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;-mos-transition: -mos-transform 0.4s, opacity 0.1s;-o-transition: -o-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}
ul.drop-down li a{background: none;text-transform: capitalize;border: none;color: #7d7d7d;padding: 3px 0;}
*/.modern_medium_light{width: 150px;}
.modern_medium_light i{margin-bottom: 0;}
.bx-wrapper .bx-controls-direction a{display: none;}
.message-content p{font-size: 13px;padding: 20px;line-height: 20px;}
.tparrows{display: none !important;}
.message-content{margin-left: 180px;}
.portfolio-container{width: 100%;margin-left: 0;}
.with-4-col .portfolio-container .work-post,  .with-3-col .portfolio-container .work-post,  .with-2-col .portfolio-container .work-post{width: 100%;margin: 15px 0;}
ul.filter li{border: none;}
ul.filter li a.active:after,  ul.filter li a:hover:after{content: '';top: 0;left: 0;right: 0;bottom: 0;border: none;}
ul.filter li a i{font-size: 14px;}
.slider-caption p.flex-caption{font-size: 30px;}
.flex-direction-nav{display: none;}
.flex-control-nav{bottom: 5px;}
.page-banner h2{float: none;text-align: center;}
ul.page-tree{float: none;text-align: center;}
ul.depth{margin-left: 0px;}
.single-page .section #home_image{padding-top: 0;}
.navbar-default .navbar-nav{border-bottom: 1px solid #ccc;}
.nav > li{margin-top: 15px;}
header.active .navbar-nav > li{margin-top: 15px;}
.float-input, .float-input2{width: 100%;}
.text-input, .textarea-input{width: 100%;}
.call_now h2 span{font-size: 30px;}
.call_now h2 span i{font-size: 26px;padding: 10px 13px;}

.about{padding-top:20px; background-repeat:repeat-y; background-attachment:inherit;}
.about h1{font-size:20px;}
.about h3{font-size:16px; margin-bottom:10px;}
.about p{font-size:14px;}
.inner_page_con .product_img.right_img{margin-bottom:10px}
.banner_title h2{font-size:24px;}
.pagetitle h1{font-size:24px;}
.enquiry_form .submit_btn{float:none; margin:0 auto; display:inline-block;}
#topics .cs-style-3 li {
    margin: 0 0 30px 0;
    width: 50%;
    float: left;
}

}
@media (max-width: 550px){
.modern_medium_light{width: auto;background: none;}
.tp-bullets.simplebullets.round .bullet{display: none;}
.convertible-banner a{float: none;margin-bottom: 10px;margin-left: 60px;}
.convertible-banner p{margin-right: 0 !important;font-size: 12px !important;line-height: 18px !important;}
.top-bar{height: auto;text-align: center;}
.top-bar .left-block{float: none;margin-bottom: 15px;}
.top-bar .right-block{float: none;}
.blog-box.with-one-col .inner-item{float: none;}
#contact-form input[type="submit"], .comment-form input[type="submit"]{width: 100%;}
.personal_commitment h3.title{float:left; width:100%; margin-top:10px;}
.personal_commitment p{width:100%; float:left;}
.con_table tr td{min-width:100%; display:inline-block}
.about .profile_pic{width:100%; text-align:center; margin-bottom:10px}
#topics .cs-style-3 li {width: 100%;}
}
@media (max-width: 300px){
.call_now h2 span i{clear: both;display: table;margin: 0 auto;text-align: center;}
.form_btn{font-size: 16px;}