@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1024){
	  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
  
	

}

@media only screen and (max-width:979px){
	.navbar-inner ul li a {line-height:20px !important;}
	.nav .icon-chevron-down{ display:block; float:right;}
	
	.nav-btn-col {display:block;}
}

@media only screen and (max-width:768px){
	
	.ftr_bgclr h2 { width:100%; }
	
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{
		font-size:30px !important;
		line-height:35px !important;
	}
	
	.quote_bgclr .btn-orange{
		margin:90px auto;
	}
	
	.service h3 { font-size:16px; line-height:30px; }
	.flexslider .thumbnail h4{ font-size:13px;}
	.pie_progress svg {
            width: 80%;
            max-width: 300px;
        }
		.inner-page .abt_cntnt{
			width:100%;
			margin-left:0;
		}
		
		  .cd-top {
    right: 20px;
    bottom: 20px;
  }
  
  	.inner-page .row-fluid .inr-page-head .inner-head { font-size:25px; line-height:30px;}

	.modal-width{
		width:92%;
		margin-left:-46%;
		height:auto;
		min-height:550px;
		overflo-y:auto;
	}
	
	ul#portfolio-list li .thumbnail h4 a{
		letter-spacing:1px;
	}
  
 /* .modal-width .span6{width:100% ; margin-left:0;}
  .modal-width .img-height{ height:250px; overflow:hidden;}	*/

}

@media only screen and (max-width:767px){
	.feedback .span3 label{ text-align:left; }
	.input-prepend{ width:80%; }
	
	.inr-bg .span4{width:50%; }
	
	 .modal-width{
  	margin-left:1.5% !important;
  }
 .img-height{
		height:200px;
		overflow:hidden;
	}
	
	.img-height img{
		width:100%;
	}
	
	
	
	.modal-body .row-fluid .span12 .span6{
		width:100%;
	}
	
	.modal-width .span6 img{
		width:100%;
	}
	
	h3.fnt-size{
		margin:8px 0;
	}
	
	.modal-width .span6 .design-tool li img, .modal-width .span6 .development-tool li img{
		width:30px;
	}

	
}

@media only screen and (max-width:760px){
	.quote_bgclr .btn-orange{
		margin:20px auto;
	}
	
	.quote_bgclr h3{
		margin-bottom:0;
		margin-left:0;
	}
	
	.quote_bgclr .span9 img{ display:none; }
	
} 

@media only screen and (max-width:736px){
	.ftr_bgclr .span3 h2{
		text-align:left;
	}
	
	.ftr_bgclr .pull-right{
		float:left;
	}
	
	.ftr_bgclr ul{
		margin:20px 0;	
	}
		
	.ftr_bgclr ul li{
		padding-right:20px;
		padding-left:0;
	}
	
	.row-fluid .head h2{
		bottom:10px;
	}
	
	.row-fluid .head h2 { bottom:inherit; }
	
	.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap{
		top:90%;	}
	.service h3 { font-size:20px; line-height:30px; }
	.service h3 .clear { clear:inherit !important; }
	
	.modal-width .modal-header h3{font-size:19px;}
	
	.whyus_bg .row-fluid .span4{width:50%; float:left;}
	.whyus_bg .row-fluid .span4:nth-child(3){width:100%; float:left;}
	.whyus_bg .row-fluid .span4:nth-child(3) div.cntr {text-align:center;}
	.whyus_bg .row-fluid .span4:nth-child(3) ul{ margin-left:30%;}
	
}

@media only screen and (max-width:640px){
	.modal-width{
		margin-left:0.6% !important;
	}
}

@media only screen and (max-width:680px){
	.modal-width{
		height:90% !important;
		min-height:0 ;
	}
	
	ul#portfolio-list li .thumbnail h4{
		white-space:nowrap;
		text-align:left;
	}
}


@media only screen and (max-width:667px){
	.navbar-fixed-top, .navbar-fixed-bottom{position:static;}
	
	.bnr-height{ display:none; }
}


@media only screen and (max-width:600px){
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{
		font-size:25px !important;
		line-height:25px !important;
	}
	
	.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap{
		top:70%;
	}
	
	.inr-bg .span4 { display:none; }
	.inner-page .row-fluid .inr-page-head{ width:100%;}
	.inner-page .row-fluid .inr-page-head { margin-bottom:15px;}
	/*.modal-width{width:80%; margin-left:6% !important;}*/
	
		.modal .head{
		width:85%;
	}
	
	.modal-header h3{
		font-size:20px;
	}
	
	ul#portfolio-list li .thumbnail h4 a{
		text-align:center;
	}
	
}

@media only screen and (max-width:480px){
	.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap{
		top:86%;
	}
	
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{
		font-size:20px !important;
	}
	
	.readmore .btn-white{ padding:5px 20px;}
	
	.modal-width{
		margin-left:1.5% !important;
	}
	
	.design-tool, .development-tool{
		width:100%;
	}


}


@media only screen and (max-width:414px){
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{
		font-size:20px !important;
		margin-top:-22px;
	}
	
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.img-jquery {
		right:5%;
	}
	
	.responsive-slider-parallax .slides-container ul li .slide-body .seo .caption.img-bootstrap{
		right:0;
	}
	
	.btn-white{
		font-size:17px;
		padding:5px 10px;
	}
	
	.btn-black{
		font-size:17px;
		padding:5px 10px;
	}
}

@media only screen and (max-width:375px){
	.quote_bgclr .span9 { display:none;}
	.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap{top:60%;}
	
	.flexslider .thumbnail h4{ font-size:13px;}
	
	.inner-page .row-fluid .hide-div {display:none;}
	.inner-page .row-fluid .span3 h2 {margin-top:30px;}
	.inner-page .row-fluid .height{ height:80px; }
	.modal-width .modal-header h3 { width:100%; font-size:18px;}
}

@media only screen and (max-width:360px){
	.modal .head{width:80% !important ;}
	.modal-body label {width:100%;}
	.row-fluid form .modal-body .inpt {width:90% !important;}
	.modal-body{max-height:270px !important;}
	.row-fluid form .inpt-btn {margin-bottom:10px;}
	.modal-width .modal-body{max-height:470px !important;}
	
	.whyus_bg .row-fluid .span4{width:100%; float:left;}
	.whyus_bg .row-fluid .span4:nth-child(3) ul {margin-left:30px;}
	.whyus_bg .row-fluid .span4 .txt-cntr{text-align:center;}
	
	.cntct-dtl{float:none; text-align:center;}
}

@media only screen and (max-width:320px){
	.navbar .brand{
		width:200px;
	}
	
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{
		font-size:15px !important;
		margin-top:-35px !important;
	}
	.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap{
		top:50%;	
	}
	.responsive-slider-parallax .slides-container ul li .slide-body .respons .caption.img-bootstrap{
		top:30%;
	}
	
	.flexslider .thumbnail h4{ font-size:17px;}
	
	.flexslider ul li {padding-right:0;}
	.nav-collapse ul.dropdown-menu { margin:0;}

	.nav-collapse .dropdown-menu a {width:90%!important; padding:5px 10px; font-size:12px; white-space:normal;}
	
	.captcha { float:left; clear:both; margin-top:10px; margin-left:20px; }
	.row-fluid .cptch input{width:100% !important;}
}

@media only screen and (max-width:240px){
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.img-css3,
	.responsive-slider-parallax .slides-container ul li .slide-body .respons .caption.img-bootstrap,
	.responsive-slider-parallax .slides-container ul li .slide-body .domain .caption.img-jquery,
	.responsive-slider-parallax .slides-container ul li .slide-body .seo .caption.img-bootstrap{ display:none;}
	
	.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap{display:none;}
	.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{margin-top:-33px;}
	.row-fluid .head h2 {font-size:25px; width:240px;}
	.navbar .brand{	width:150px;}
	.row-fluid .head h2 { width:230px;}
	}