/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {  
    .main-nav {
		display: none;
	}
	.resp-menu-open {
		display: inline-block;
	}  
  .carousel-inner h1,
  .carousel-inner h3{
    font-size: 36px;
  }
  .carousel-caption {
    top: 114px;   
  }
}

@media all and (max-width: 1199px){
  .carousel-caption {
    top: 110px;
  }  
  .widget_text{
    text-align: center;
  }
  .social-menu {
    text-align: center;
  }
  #social-menu-top {
    margin: 0px 0 8px 0;    
  }
  
}

@media all and (max-width: 1024px) {
	.header .top {
		text-align: center;
		line-height: 24px;
	}
	.header .top .left {
		float: none;
		display: block;
		margin: 12px 0;
	}
	.header .top .right {
		float: none;
		display: block;
		margin: 12px 0;
	}
	.header .bottom .logo {
		float: none;
	}
	.header .bottom-left {
		float: none;
	}
	.header-contact {
		text-align: center;
		margin-bottom: 12px;
	}
	.header-contact .item {
		margin: 0 17px;
		line-height: 44px;
		margin-bottom: 12px;
	}
	.header .bottom .logo {
		height: 128px;
	}
	.header .bottom .logo a {
		max-height: 128px;
	}
	.header .container {
		width: 100%;
		padding: 0;
	}
	.hdr-landing .container {
		padding: 0 15px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.carousel-caption {
    top: 75px;
  }
  .carousel-inner h1,
  .carousel-inner h3 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px){
	.ht-newsletter {
    padding-left: 15px;
    padding-right: 10px;
  }
  .ht-newsletter h2 {
    margin-bottom: 100px;
    margin-top: 10px;
    font-size: 24px;
  }
  .ht-newsletter h5{
  	margin-bottom: 0;
  }
  .newsletter-input {
    height: 45px;
    font-size: 13px;
    letter-spacing: 0;
  }
  .subscribe-btn {
    height: 45px;
    padding-left: 9px;
    font-size: 13px;
    letter-spacing: 0;
  }
  .form-wrap-q {
    margin-top: 40px;
  }
  
  .wrap-pr-sec p {
    padding: 0 30px; 
    text-align: center;
  }  
  .cmo-button{
    margin: 12.5% 0;
  }
}

@media only screen and (max-width : 991px) {
  .sec-text-wrap{
  	padding-right: 20px;
  }
  .portfolio-popup{
  	max-width: 800px;
  	padding-left: 15px;
  }
    .sidebar {
    margin-top: 0px;
    margin-bottom: 100px;
  }
    .get-touch p.gf-sub-title{
  	font-size: 18px;
  }
  .get-touch>p {
    font-size: 14px;   
  }    
}

@media only screen and (max-width : 884px) {
    .extra-info i {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width : 867px) {
    .extra-info i {
        width: 35px;
    }
}

@media only screen and (max-width : 847px) {
    .extra-info i {
        width: 30px;
    }    
    .carousel-caption {
      top: 45px;
    }
}

@media only screen and (max-width : 827px) {
    .extra-info i {
        width: 25px;
    }
}

@media only screen and (max-width : 807px) {
    .extra-info i {
        width: 20px;
    }
}

@media only screen and (max-width : 800px) {
  .img-wrap-resp{
  	max-width: 80%;
  }
}

@media only screen and (max-width : 787px) {
    .extra-info i {
        width: 10px;
    }
    .extra-info .fa-phone {
      margin-top: -10px;    
      margin-right: 5px;
    }
    .owl-theme .owl-controls .owl-nav div{
      left: 12px;
    }
    .owl-theme .owl-controls .owl-nav div.owl-next{
      right: 6px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.cf-msg{
		padding: 0;
	}
	.feadback > h1{
		margin-top: 46px;
	}
	.form input[type="text"]{
		width: 100%;
	}
	.ht-newsletter{
		text-align: center;
	}
	.newsletter-forn-in {
    margin-top: 0;
  }
  .ht-newsletter h2{
  	margin-bottom: 50px;
  }
  .newsletter-input{
  	margin-left: 0!important;
    margin-bottom: 20px;
  }
  .subscribe-btn{
  	width: 80%!important;
  }
  .newsletter-forn-in .text-center{
  	text-align: center;
  }
  .ht-newsletter h5{
  	margin-top: 0;
  }
  .subscribe-section{
  	padding: 40px 0;
  }
    #text-2 {
      text-align: center;
    }
    .social-menu {
      text-align: center;
    }
    #social-menu-top {
      margin: 0 0 8px 0;
      padding: 0
    }
    .extra-info i {
      width: 20px;
    }
    .extra-info .fa-phone {
      margin-top: 0;
    }
    .form-wrap-q {
      margin-top: 40px;
    }
       
    .cmo-button-center {
      text-align: center;
    }    
    .elem-title h1 {
      font-size: 2em;
    }
  .carousel-inner h1,
  .carousel-inner h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }  
} 

@media only screen and (max-width : 767px){
  
  .cred-descr {    
    text-align: center;
  }
  .cmo-button{
    margin: 0 0 30px;
  }
}

@media only screen and (max-width : 650px){
  .carousel-caption {
    top: 0px;
  }
  .about-sec-home .welcome-h2 h2:after {
    background-color: #605cb8;
    content: "";
    left: 4%;
  }
}

@media only screen and (max-width : 620px){
  
}

@media only screen and (max-width : 600px) {    
    .carousel-inner h1,
    .carousel-inner h3 {
      font-size: 20px;     
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 565px) {
    .welcome-h2 h2 {font-size: 24px;}
}



@media only screen and (max-width : 538px){
  .carousel-inner h1,
  .carousel-inner h3{
    width: 60%;
  }
}

@media only screen and (max-width : 499px){
  .hdr-landing .logo a img {
    width: 56%;
    position: absolute;    
    bottom: 14px;
  }
  .razm img{
    width: 150px;
  }
}

@media only screen and (max-width : 484px){
  .carousel-inner h1,
  .carousel-inner h3{
    width: 65%;
  }
}

@media only screen and (max-width : 447px){
  .carousel-inner h1,
  .carousel-inner h3{
    width: 75%;
  }
  .carousel-caption{
    padding-top: 5px;
  }
  .carousel-indicators{
    bottom: -2px;
  }
}

@media only screen and (max-width : 450px){
  .hdr-landing .logo a img {
    bottom: 18px;
  }
  .about-sec-home .welcome-h2 h2:after {
    background-color: #605cb8;
    content: "";
    left: 5%;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 425px) {
    .hdr-landing .logo a img {
      width: 56%;
      position: absolute;      
    }
}

@media only screen and (max-width : 414px){
 
}

@media only screen and (max-width : 405px){
  .carousel-inner h1,
  .carousel-inner h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width : 390px){
  .carousel-caption {
    top: -7px;
  }
  .carousel-inner>.item>a>img, 
  .carousel-inner>.item>img {    
    height: 180px;    
  }
  .about-sec-home .welcome-h2 h2:after {
    background-color: #605cb8;
    content: "";
    left: 6%;
  }
}

@media only screen and (max-width : 375px){  
  .hdr-landing .logo a img {
    bottom: 21px;
  }
}

@media only screen and (max-width : 374px){  
  .carousel-indicators{
    bottom: -10px;
  }
}

@media only screen and (max-width : 362px){ 
  .block-item h2 {
    font-size: 10px;   
  }
}

@media only screen and (max-width: 350px){
  .carousel-inner>.item>a>img, 
  .carousel-inner>.item>img {
    height: 164px;
  }
  .carousel-inner h1,
  .carousel-inner h3 {
    width: 80%;
  }
}

@media only screen and (max-width: 348px){
  .extra-info li {    
    font-size: 12px;
  }
}

@media only screen and (max-width: 335px){
  .about-sec-home .welcome-h2 h2:after {
    background-color: #605cb8;
    content: "";
    left: 7%;
  }
}

@media only screen and (max-width: 325px){  
  .carousel-inner h1,
  .carousel-inner h3 {
    width: 86%;
  }
  .hdr-landing .logo a img {
    bottom: 23px;
  }
}

@media (max-width: 460px){
  .table {   
    font-size: 12px;    
  }
}
@media (max-width: 400px){
  .table {   
    font-size: 10px;    
  }
}
@media (max-width: 350px){
  .table {   
    font-size: 9px;    
  }
}