@media (max-width: 1200px) {
   
	.form .circle { height:138px;}
}

@media (max-width: 1024px) {
	
}

@media(max-width:991px)
{
    .container {width:100%;}
	.item .carousel-desc , .item.item3 .carousel-desc{text-align:center; width:100%; padding:0px 0px 30px 0px; position:relative; bottom: 0px;}
	.item .carousel-desc p {width:80%;}
	.item3 .col-md-6{width:100%; text-align:center;}
	.item .carousel-desc { left:0px;}
	.carousel-indicators { display:none; position:inherit; top: inherit; bottom: inherit; right: inherit; left: inherit;}
	.carousel-indicators li { display: inline-block;}
	.item  h2 { color: #FFF; font-size: 25px; line-height: 30px;}
	.snip1581 figcaption { bottom: 20px; left: 20px;}
	.snip1581  h3 { font-size: 25px; line-height: 30px;}
	.snip1581  p { margin:inherit; margin-bottom:auto; font-size:15px;}
	.category { font-size: 18px; left:30px; top: 30px;}
	.item p {color: #000; font-size: 16px; }
	.form .circle { height:103px;}
	.modal-dialog {width:auto;}
	.rounds {display:none;}
.social li { float: inherit; display: inline-block;}
.contact-section { background: #f5f5f5; text-align:center;} 
.icons {
    display: inherit;
    float: inherit;
    margin-right: 0px;
}

}

@media(max-width:768px)
{

.btn-default { padding: 14px 14px;}
#banner { margin-top:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#333; border:none; margin-top:20px;}
.navbar-default ul { width:100%;}
.navbar-nav { float: left;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #cecece;
    border-bottom: 1px dotted #555;
    padding: 11px 0px;
}
.blackfooter {text-align:center;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#FFF; border-bottom: 2px solid;}

.modal-header h3 {font-size: 40px;}
.modal-header h3 span { line-height: 34px;}
.res-menu { display:none;}
.item .carousel-desc p{width:100%; font-size:15px; }
.nav-controller { display:block;}
ul.final li a{ width:100%;}
.top-social1 { right:60px; top: 69px; z-index: 10;}
.top-social1 br {display: none;}
.ourclients { padding:40px 20px 20px 20px;}
.form { padding:40px 20px 20px 20px;}
.margintop { margin-top: 30px;}
.ourclients h3 { font-size: 32px; line-height: 47px;}
.ourclients p { font-size: 16px; line-height: 23px;}
.category1 {top: 30px; left: 40px; font-size: 20px;}
h1.title { margin-bottom: 10px; text-align: center; font-size: 43px;}
p.ptext {text-align: center;}

.servicelist2 {text-align: center;}

.servicelist2 ul {border: none; margin-bottom: 40px;}

.ourclients .servicelist2 ul li {
    width: 140px;
    display: inline-block;
    font-size: 13px;
    border-left: 3px solid #f33b54;
    border-radius: 100px;
    margin: 0;
    line-height: 18px;
    height: 120px;
    padding-top: 40px;
    vertical-align: top;
}
.ourclients .servicelist2 ul li:hover {
    border-left: 3px solid #19d8b1;
-webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, border-color;
    transition-property: color, border-color;
}

.servicelist2 h4 {font-size: 30px;}
ul.final li ul { left:0px !important; }
ul.final li ul li {padding: 0px;}

}

/*media queries for small devices*/
@media screen and (max-width: 678px){
  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content,
  .animation-element.slide-left.testimonial .rating{
    text-align: center;
    float: none;
  }
  .animation-element.slide-left.testimonial img{
    width: 85px;
    height: 85px;
    margin-bottom: 5px;
  }
.ourwork-banner { margin: 20px 0px 50px 0px; }
	.form .circle { border:none; width: auto; height: auto; display:inherit; padding:inherit;}

}

@media(max-width:600px)
{
	.margintop { margin-top: 30px;}
	.banner { margin: 40px 0px;}
	.banner h1 { font-size: 42px; margin-top: 0px;}
	.footer { text-align: center;}
.aboutbanner {margin: 20px 0px; font-family: 'gotham-medium'; line-height: 39px;}
.aboutbanner h1 {font-size: 33px;}

.aboutbanner p {font-size: 16px;}
.midtitle h3 { display:none;}
.ourclients {padding: 30px 10px;}
.form {padding: 30px 10px;}
.form .ptext2{ font-size:14px;}
.brief p { line-height: 25px;}
.brief .titleblack {margin: 0 0 20px 0;}
.testimonialblock { padding: 30px;}
.testimonial-block p {font-size: 17px; line-height: 25px;}

}

@media(max-width:384px)
{
	.menu { margin-top: 20px;}
	.banner h1 { font-size: 48px; line-height: 50px;}
	.ballaozin {display:none;}
	.circle { padding: 0px; border: none;}
	.testimonialblock {border-top: 10px solid #000; margin: 30px 0px; padding: 25px 0px; border-bottom: 10px solid #000; border-right: 0px; border-left: 0px;}
.top-social1 { top: 60px;}
}

@media(max-width:375px)
{
	.banner h1 { font-size: 44px; line-height:46px;}
}
@media(max-width:320px)
{
	.banner h1 { font-size: 35px; line-height:40px;}
	.menu { margin-top: 10px;}
	.item  h2 { font-size: 18px; line-height: 25px;}
	.ourclients { padding: 20px;}
	.ourclients h2 { font-size: 30px; }
	.ourclients p { font-size: 17px; }
	.footer { padding: 20px;}
}