@media only screen and (min-width:1191px) and (max-width: 1300px){
	}

@media only screen and (min-width:1101px) and (max-width: 1190px){
	.graybox img{ max-width:100%;} 
	}



@media only screen and (min-width:1025px) and (max-width: 1100px){
	.graybox img{ max-width:100%;}

}

@media only screen and (min-width:993px) and (max-width:1024px){
.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-nav{ float:none; margin:0; text-align:center;}
	.navbar-nav > li{ float:none; display:inline-block;}
	.navbar-nav > li > a{ padding:10px 7px;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0;}
	.graybox img{ max-width:100%; display:block; margin:0 auto;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll; min-height:1px;}
	.portfolio-head{ text-align:center;}
	.footer-box{ float:left; width:25%;}
	.banner{ padding:75px 0 80px;}
	.carousel-control.left , .carousel-control.right{ top:102%;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.navbar-shrink .logo img{ width:auto;}
	.mission-icon{ clear:both; margin-bottom:10px;}
	.slide-image img{ display:block; margin:0  auto;}
	.slide-text{ float:left; width:50%;}
	.slide-image{ float:left; width:50%; margin-top:30px;}
	.cd-tabs nav{ width:100%; position:relative;}
	.cd-tabs-content li{ padding:10px 20px;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	

	}

@media only screen and (min-width:901px) and (max-width:992px){
.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-nav{ float:none; margin:0; text-align:center;}
	.navbar-nav > li{ float:none; display:inline-block;}
	.navbar-nav > li > a{ padding:10px 7px;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0;}
	.graybox img{ max-width:100%; display:block; margin:0 auto;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll; min-height:1px;}
	.portfolio-head{ text-align:center;}
	.footer-box{ float:left; width:25%;}
	.banner{ padding:75px 0 80px;}
	.carousel-control.left , .carousel-control.right{ top:102%;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.navbar-shrink .logo img{ width:auto;}
	.mission-icon{ clear:both; margin-bottom:10px;}
	.slide-image img{ display:block; margin:0  auto;}
	.slide-text{ float:left; width:50%;}
	.slide-image{ float:left; width:50%; margin-top:30px;}
	.cd-tabs nav{ width:100%; position:relative;}
	.cd-tabs-content li{ padding:10px 20px;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	
}

@media only screen and (min-width:801px) and (max-width:900px){
.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-nav{ float:none; margin:0; text-align:center;}
	.navbar-nav > li{ float:none; display:inline-block;}
	.navbar-nav > li > a{ padding:10px 7px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%; display:block; margin:0 auto;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll; min-height:1px;}
	.banner{ padding: 50px 0 40px;}
	.carousel-control.left , .carousel-control.right{ top:102%;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.navbar-shrink .logo img{ width:auto;}
	.mission-icon{ clear:both; margin-bottom:10px;}
	.slide-image img{ display:block; margin:0  auto;}
	.slide-text{ float:left; width:50%;}
	.slide-image{ float:left; width:50%; margin-top:30px;}
	.cd-tabs nav{ width:100%; position:relative;}
	.cd-tabs-content li{ padding:10px 20px;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	h2.slide-heading{font-size: 50px;}
	h2.slide-heading span{ font-size:26px;} 
	.portfolio-head p{font-size: 14px; line-height: 23px;}
	.mission-icon{ width:24%;}
	.misson-text{ width:70%;}
}
	
@media only screen and (min-width:768px) and (max-width:800px){
	.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-nav{ float:none; margin:0; text-align:center;}
	.navbar-nav > li{ float:none; display:inline-block;}
	.navbar-nav > li > a{ padding:10px 7px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%; display:block; margin:0 auto;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll; min-height:1px;}
	.banner{ padding: 50px 0 40px;}
	.carousel-control.left , .carousel-control.right{ top:102%;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.navbar-shrink .logo img{ width:auto;}
	.mission-icon{ clear:both; margin-bottom:10px;}
	.slide-image img{ display:block; margin:0  auto;}
	.slide-text{ float:left; width:50%;}
	.slide-image{ float:left; width:50%; margin-top:30px;}
	.cd-tabs nav{ width:100%; position:relative;}
	.cd-tabs-content li{ padding:10px 20px;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	h2.slide-heading{font-size: 50px;}
	h2.slide-heading span{ font-size:26px;} 
	.portfolio-head p{font-size: 14px; line-height: 23px;}
	.mission-icon{ width:24%;}
	.misson-text{ width:70%;}
	
}


@media only screen and (min-width:701px) and (max-width:767px)
{
	.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-toggle{ margin:-50px 0 0; border-radius:0;}
	.navbar-nav{ background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; float:none; margin:0;}
	.navbar-collapse{ border:none; padding:0;}
	.navbar-nav > li > a{ padding:5px 8px; line-height:23px;}
	h2.slide-heading span{ font-size:28px;}
	h2.slide-heading{ font-size:30px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%; display:block; margin:0 auto;}
	.cd-tabs-navigation a{ font-size:8px; padding:0 5%;}
	.cd-tabs-navigation li{ margin-right:3px;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll;}
	.portfolio-head{ text-align:center;}
	.footer-box{ text-align:center;}
	.banner{ padding:25px 0 80px;}
	.carousel-control.left , .carousel-control.right{ top:102%;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.navbar-shrink .logo img{ width:auto;}
	.mission-icon{ clear:both; margin-bottom:10px; width: 65px;}
	.slide-image img{ max-width:80%; display:block; margin:0  auto;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	.contactform{ margin-top:20px;}
	a.mobile-icon{ display:block;}
	.top-logo{ float:left;}
	.mobile-menulink{ display:none; clear:both; background: #ececec;}
	.user-drop{ float:none; border:none; margin:0; padding:3px 0; display: block; text-align: left;}
	.user-drop .dropdown-toggle{    width: 100%; text-align: left;}
	.user-drop .btn span.acount-user{ text-align:center;}
	.mobile-menulink .open > .dropdown-menu{    width: 100%; position: relative;
    background: none;
    box-shadow: none;
    border: none;}
	a.notification{float: none;
    clear: both;
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0; text-align:left; font-size:14px; text-align:left; padding:3px 15px;}
	a.notification span{ display:inline-block;     position: relative; top: -5px;}
	a.notification i{background: #c1c7d0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    padding: 2px;
    margin-right: 8px;
	float:left; text-align:center; line-height:20px;}
	.dropdown-menu > li > a i {
    margin-right: 11px;
    width: 18px;
}
.ul.nav-menu{ float:none;}
ul.nav-menu > li{ display:block;}
.user-select{ margin:5px 0;}
.date-box{ width:100%;}
.mission-box{ margin-bottom:10px;}
.slide-text{ float:left; width:50%;}
.slide-image{float:left; width:50%;}
#page-top{ min-height:415px;}
.carousel{ min-height:10px;}
#part-projects .slide-text{ width:100%;}
	}


	
	
@media only screen and (min-width:601px) and (max-width:700px){
	
	.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-toggle{ margin:0; border-radius:0;}
	.navbar-nav{ background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; float:none; margin:0;}
	.navbar-collapse{ border:none; padding:0;}
	.navbar-nav > li > a{ padding:5px 8px; line-height:23px;}
	h2.slide-heading span{ font-size:28px;}
	h2.slide-heading{ font-size:30px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%;}
	.cd-tabs-navigation a{ font-size:8px; padding:0 5%;}
	.cd-tabs-navigation li{ margin-right:3px;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll;}
	.portfolio-head{ text-align:center;}
	.footer-box{ text-align:center;}
	.banner{ padding:25px 0 80px;}
	.carousel-control.left , .carousel-control.right{ top:102%;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.mission-icon{ clear:both; margin-bottom:10px; width: 62px;}
	.navbar-shrink .logo img{ width:auto;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	.contactform{ margin-top:20px;}
	a.mobile-icon{ display:block;}
	.top-logo{ float:left;}
	.mobile-menulink{ display:none; clear:both; background: #ececec;}
	.user-drop{ float:none; border:none; margin:0; padding:3px 0; display: block; text-align: left;}
	.user-drop .dropdown-toggle{    width: 100%; text-align: left;}
	.user-drop .btn span.acount-user{ text-align:center;}
	.mobile-menulink .open > .dropdown-menu{    width: 100%; position: relative;
    background: none;
    box-shadow: none;
    border: none;}
	a.notification{float: none;
    clear: both;
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0; text-align:left; font-size:14px; text-align:left; padding:3px 15px;}
	a.notification span{ display:inline-block;     position: relative; top: -5px;}
	a.notification i{background: #c1c7d0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    padding: 2px;
    margin-right: 8px;
	float:left; text-align:center; line-height:20px;}
	.dropdown-menu > li > a i {
    margin-right: 11px;
    width: 18px;
}
.ul.nav-menu{ float:none;}
ul.nav-menu > li{ display:block;}
.user-select{ margin:5px 0;}
.date-box{ width:100%;}
ul.nav-menu{ float:none;}
.mission-box{ margin-bottom:10px;}

}


@media only screen and (min-width:481px) and (max-width:600px)
{
	.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-toggle{ margin:0; border-radius:0;}
	.navbar-nav{ background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; float:none; margin:0;}
	.navbar-collapse{ border:none; padding:0;}
	.navbar-nav > li > a{ padding:5px 8px; line-height:23px;}
	h2.slide-heading span{ font-size:28px;}
	h2.slide-heading{ font-size:30px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:70px;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%;}
	.cd-tabs-navigation a{ font-size:8px; padding:0 5%;}
	.cd-tabs-navigation li{ margin-right:3px;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll;}
	.portfolio-head{ text-align:center;}
	.footer-box{ text-align:center;}
	.banner{ padding:25px 0 80px;}
	.portfolio{ padding:15px 0;}
	a.carosel-read::after{ left:40%;}
	.mission-icon{ clear:both; margin-bottom:10px; width: 58px;}
	.navbar-shrink .logo img{ width:auto;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	.contactform{ margin-top:20px;}
	a.mobile-icon{ display:block;}
	.top-logo{ float:left;}
	.mobile-menulink{ display:none; clear:both; background: #ececec;}
	.user-drop{ float:none; border:none; margin:0; padding:3px 0; display: block; text-align: left;}
	.user-drop .dropdown-toggle{    width: 100%; text-align: left;}
	.user-drop .btn span.acount-user{ text-align:center;}
	.mobile-menulink .open > .dropdown-menu{    width: 100%; position: relative;
    background: none;
    box-shadow: none;
    border: none;}
	a.notification{float: none;
    clear: both;
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0; text-align:left; font-size:14px; text-align:left; padding:3px 15px;}
	a.notification span{ display:inline-block;     position: relative; top: -5px;}
	a.notification i{background: #c1c7d0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    padding: 2px;
    margin-right: 8px;
	float:left; text-align:center; line-height:20px;}
	.dropdown-menu > li > a i {
    margin-right: 11px;
    width: 18px;
}
.ul.nav-menu{ float:none;}
ul.nav-menu > li{ display:block;}
.user-select{ margin:5px 0;}
.date-box{ width:100%;}
ul.nav-menu{ float:none;}
.mission-box{ margin-bottom:10px;}
	

}
	
@media only screen and (min-width:321px) and (max-width:480px)
{
	.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-toggle{ margin:0; border-radius:0;}
	.navbar-nav{ background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; float:none; margin:0;}
	.navbar-collapse{ border:none; padding:0;}
	.navbar-nav > li > a{ padding:5px 8px; line-height:23px;}
	h2.slide-heading span{ font-size:28px;}
	h2.slide-heading{ font-size:30px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:24%;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%;}
	.cd-tabs-navigation a{ font-size:8px; padding:0 5%;}
	.cd-tabs-navigation li{ margin-right:3px;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll;}
	.portfolio-head{ text-align:center;}
	.footer-box{ text-align:center;}
	.banner{ padding:25px 0 80px;}
	.carousel-control.left , .carousel-control.right{ top:97%;}
	.portfolio{ padding:15px 0;}
	.mission-icon{ clear:both; margin-bottom:10px;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	.contactform{ margin-top:20px;}
	a.mobile-icon{ display:block;}
	.top-logo{ float:left;}
	.mobile-menulink{ display:none; clear:both; background: #ececec;}
	.user-drop{ float:none; border:none; margin:0; padding:3px 0; display: block; text-align: left;}
	.user-drop .dropdown-toggle{    width: 100%; text-align: left;}
	.user-drop .btn span.acount-user{ text-align:center;}
	.mobile-menulink .open > .dropdown-menu{    width: 100%; position: relative;
    background: none;
    box-shadow: none;
    border: none;}
	a.notification{float: none;
    clear: both;
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0; text-align:left; font-size:14px; text-align:left; padding:3px 15px;}
	a.notification span{ display:inline-block;     position: relative; top: -5px;}
	a.notification i{background: #c1c7d0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    padding: 2px;
    margin-right: 8px;
	float:left; text-align:center; line-height:20px;}
	.dropdown-menu > li > a i {
    margin-right: 11px;
    width: 18px;
}
.ul.nav-menu{ float:none;}
ul.nav-menu > li{ display:block;}
.user-select{ margin:5px 0;}
.date-box{ width:100%;}
ul.nav-menu{ float:none;}
.mission-box{ margin-bottom:10px;}

}	

	
@media only screen and (min-width:240px) and (max-width:320px)

{  
	.container{ width:100%;}
	.logo a{ display:block;}
	.logo a img{ margin:0 auto; display:block;}
	.navbar-toggle{ margin:0; border-radius:0;}
	.navbar-nav{ background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; float:none; margin:0;}
	.navbar-collapse{ border:none; padding:0;}
	.navbar-nav > li > a{ padding:5px 8px; line-height:23px;}
	h2.slide-heading span{ font-size:28px;}
	h2.slide-heading{ font-size:30px;}
	.slide-text p{ font-size:18px; line-height:24px;}
	.slide-text a.read-more{ padding:7px 15px; margin:10px 0;}
	.carousel-control.right{ left:24%;}
	.servive-block{ padding:0 18px 28px; text-align:center;}
	.carosel-head .carosel-icon{ float:none; margin:0 auto;}
	.graybox img{ max-width:100%;}
	.cd-tabs-navigation a{ font-size:8px; padding:0 2px;}
	.cd-tabs-navigation li{ margin-right:3px;}
	.carosel-head{ font-size:13px; line-height:22px;}
	.carosel-text{ font-size:13px;}
	#part-1{ padding:40px 0 20px;}
	.graybox{ padding:40px 0;}
	ul.cd-tabs-content .col-md-4{ width:30%; float:left; padding:0;}
	.large-port-box { min-height:175px; padding:5px; border-width:6px;}
	.small-port-box{ margin-bottom:7px; min-height:1px; padding:5px; border-width:6px;}
	.small-port-box img{ margin:5px auto;}
	.large-port-box img { margin:30px auto;}
	.cd-tabs-content{ height:300px !important; overflow-x:hidden; overflow-y:scroll;}
	.portfolio-head{ text-align:center;}
	.footer-box{ text-align:center;}
	.mission-icon{ clear:both; margin-bottom:10px;}
	.carousel-control.left, .carousel-control.right{ top:auto; bottom:30px;}
	.carousel-control.left{ left:0;}
	.carousel-control.right{ right:0; left:auto;}
	.slide-image img{ max-width:90%;}
	.carosel-icon img{width: auto !important; margin: 0 auto; max-width:100%;}
	.work-img{float: none; max-width: 100%;}
	.carosel-text p{ height:auto;}
	.contactform{ margin-top:20px;}
	
	a.mobile-icon{ display:block;}
	.top-logo{ float:left;}
	.mobile-menulink{ display:none; clear:both; background: #ececec;}
	.user-drop{ float:none; border:none; margin:0; padding:3px 0; display: block; text-align: left;}
	.user-drop .dropdown-toggle{    width: 100%; text-align: left;}
	.user-drop .btn span.acount-user{ text-align:center;}
	.mobile-menulink .open > .dropdown-menu{    width: 100%; position: relative;
    background: none;
    box-shadow: none;
    border: none;}
	a.notification{float: none;
    clear: both;
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0; text-align:left; font-size:14px; text-align:left; padding:3px 15px;}
	a.notification span{ display:inline-block;     position: relative; top: -5px;}
	a.notification i{background: #c1c7d0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    padding: 2px;
    margin-right: 8px;
	float:left; text-align:center; line-height:20px;}
	.dropdown-menu > li > a i {
    margin-right: 11px;
    width: 18px;
}
.ul.nav-menu{ float:none;}
ul.nav-menu > li{ display:block;}
.user-select{ margin:5px 0;}
.date-box{ width:100%;}	
ul.nav-menu{ float:none;}
.mission-box{ margin-bottom:10px;}
}