/*******************************************************************************
Design and Developed by:
------------------------

	   *********	
     *************
   ****         ****
 ****            ***
**** 
**** 	     *********
****         *********
 ****             ****
  ****           ****
   ****        ****
    *************
	 ***********

							  ******	
							**********
						  ****      ****
						 ****       ****
						 ****       ****
								   ****
								 ****
							   ****
							 ****
						   ****
						  **************
						  **************

*******************************************************************************/
/* 
    Created on : 1 Dec 2014, 03:54:25 PM
    Author     : R
*/
@media screen and (max-width: 1366px) {
  h1 {
    font-size: 60px!important;
  }
  h2 {
    font-size: 32px!important;
  }
  h2 span {
    font-size: 60px!important;
  }
  h3 {
    font-size: 28px!important;
  }
  /** Home **/
  .home .left-content .signiture-wrap img {
    width: 120px!important;
    height: auto!important;
  }
}
@media screen and (max-width: 1280px) {
  h3 {
    font-size: 25px!important;
  }
  .home .centered-menu {
    left: 42.15%;
  }
  .all_projects .content-wrap .show-hover .line {
    margin: 25px auto!important;
  }
  .all_projects .content-wrap .no-hover .line {
    margin: 25px auto!important;
  }
}
@media screen and (max-width: 1024px) {
  /** Home **/
  .home .left-content h1 {
    padding: 40px 0!important;
  }
  .home .left-content h2 span {
    padding: 40px 0!important;
  }
  .home .left-content .first-content p span {
    display: none;
  }
  .home .left-content .second-content .image-wrap img {
    padding: 0 25px;
  }
  .home .left-content .second-content h2,
  .home .left-content .second-content h3 {
    text-align: left!important;
    padding: 0 30px 30px;
  }
  .home .left-content .third-content h2,
  .home .left-content .third-content h3 {
    text-align: left!important;
    padding: 0 30px 30px;
  }
  .home .left-content .fourth-content h2,
  .home .left-content .fourth-content h3 {
    text-align: left!important;
    padding: 0 30px 30px;
  }
  /** All Projects **/
  .all_projects .content-wrap:hover .show-hover .content-inner .line,
  .all_projects .content-wrap:active .show-hover .content-inner .line,
  .all_projects .content-wrap:focus .show-hover .content-inner .line {
    margin: 25px auto;
  }
  .all_projects .content-wrap:hover .show-hover .content-inner .google-maps,
  .all_projects .content-wrap:active .show-hover .content-inner .google-maps,
  .all_projects .content-wrap:focus .show-hover .content-inner .google-maps {
    display: none;
  }
  .all_projects .content-wrap:hover .show-hover .content-inner a,
  .all_projects .content-wrap:active .show-hover .content-inner a,
  .all_projects .content-wrap:focus .show-hover .content-inner a {
    display: block;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 966px) {
  .arrows {
    display: none!important;
  }
  h3 {
    font-size: 21px!important;
  }
  /** Home **/
  .home .left-content {
    padding: 0 30px!important;
  }
  .home .left-content .first-content p span {
    display: inline-block;
  }
  .home .left-content .second-content h3 {
    display: inline-block;
  }
  .home .left-content .second-content .image-wrap {
    display: inline-block;
    margin-bottom: 30px;
  }
  .home .left-content .second-content .image-wrap img {
    padding: 0 0 0 25px;
  }
  .home .left-content .scroll {
    left: 21%!important;
  }
  /** All Projects **/
  .all_projects .content-wrap:nth-child(2n) {
    padding-right: 0px!important;
  }
  .all_projects .content-wrap {
    padding-right: 15px!important;
  }
  .all_projects .content-wrap .show-hover .line {
    margin: 20px auto!important;
  }
  .all_projects .content-wrap .show-hover .google-maps a {
    margin: 15px 0!important;
  }
  .all_projects .content-wrap:nth-last-child(2),
  .all_projects .content-wrap:nth-last-child(3) {
    margin-bottom: 0!important;
  }
  .all_projects .content-wrap:nth-last-child(4) {
    margin-bottom: 15px!important;
  }
}
@media screen and (max-width: 853px) {
  h1 {
    font-size: 50px!important;
    line-height: 47px!important;
  }
  h2 span {
    font-size: 50px!important;
    line-height: 47px!important;
  }
  .home h3 {
    font-size: 32px!important;
    margin: 0!important;
  }
  .home .left-content {
    /*			.scroll {
							display: none;
						}*/
  }
  .home .left-content .logo-wrap {
    padding: 40px 0 73px!important;
  }
  .home .left-content .logo-wrap img {
    width: 66%!important;
  }
  .home .left-content .first-content {
    padding-left: 15px!important;
  }
  .home .left-content .first-content p span {
    display: none!important;
  }
  .home .left-content .first-content .signiture-wrap img {
    position: relative;
    top: -22px;
  }
  .home .left-content .third-content .black-line,
  .home .left-content .fourth-content .black-line {
    margin: 60px 0 43px!important;
  }
}
@media screen and (max-width: 768px) {
  .home .left-content .second-content .image-wrap {
    width: 100%;
  }
  .home .left-content .second-content .image-wrap img {
    padding: 0 25px!important;
  }
  .home .left-content .signiture-wrap {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .all_projects .content-wrap {
    padding-right: 0!important;
  }
  .all_projects .content-wrap:nth-last-child(3) {
    margin-bottom: 15px!important;
  }
  .all_projects .content-wrap:nth-last-child(2) {
    margin-bottom: 0!important;
  }
}
@media screen and (max-width: 736px) {
  h1 {
    line-height: 50px!important;
    font-size: 50px!important;
  }
  h2 span {
    line-height: 50px!important;
    font-size: 50px!important;
  }
  /** Side menu **/
  .st-menu .menu-wrap .menu-inner .double-line {
    padding-top: 25px!important;
  }
  /** Landing Page **/
  .landing-page .img-center img {
    width: 50%!important;
  }
  /** Home **/
  .home .left-content .scroll {
    left: 27%!important;
  }
  .home .left-content .second-content .image-wrap {
    width: auto!important;
  }
  .home .left-content .second-content .image-wrap img {
    padding: 0 25px!important;
  }
}
@media screen and (max-width: 667px) {
  .home .left-content .scroll {
    left: 24%!important;
  }
}
@media screen and (max-width: 603px) {
  .home .left-content .first-content .signiture-wrap img {
    top: initial;
  }
  .categories .info {
    display: none;
  }
  .categories .image-switch .info-click {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  h1 {
    line-height: 34px!important;
    font-size: 36px!important;
  }
  h2 span {
    line-height: 34px!important;
    font-size: 36px!important;
  }
  .home .left-content .logo-wrap img {
    width: 73%;
    height: auto;
  }
  .home .left-content .scroll {
    left: 24%!important;
  }
  .home .left-content .black-line {
    margin: 60px 0 45px!important;
  }
  .home .left-content h2 {
    font-size: 28px!important;
  }
  .home .left-content h3 {
    font-size: 25px!important;
  }
  .home .left-content .first-content .signiture-wrap {
    display: none;
  }
  .home .left-content .first-content h4 {
    margin-top: 50px;
  }
  .home .left-content .fifth-content h1 {
    padding: 0px 0 40px!important;
  }
  .home .left-content .fifth-content h2 span {
    padding: 0px 0 40px!important;
  }
  .home .left-content .fifth-content > h6 {
    margin-bottom: 0!important;
  }
  .home .left-content .fifth-content h6 span {
    font-size: 12px!important;
  }
  .home .left-content h6 {
    font-size: 14px;
  }
  .home .left-content h6 span {
    line-height: 22px!important;
  }
}
@media screen and (max-width: 533px) {
  h1 {
    font-size: 32px!important;
  }
  h2 span {
    font-size: 32px!important;
  }
  .home .first-content p i {
    font-size: 12px!important;
  }
  .home .left-content .logo-wrap img {
    width: 180px!important;
  }
}
@media screen and (max-width: 480px) {
  /** Home **/
  .home .left-content {
    width: 100%!important;
  }
  .home .left-content .scroll {
    left: 42%!important;
  }
  .home .left-content .fifth-content h6 span {
    font-size: 14px!important;
  }
  .home .left-content h1 {
    font-size: 49px!important;
    line-height: 45px!important;
  }
  .home .left-content h2 {
    font-size: 34px!important;
  }
  .home .left-content h2 span {
    font-size: 49px!important;
    line-height: 45px!important;
  }
  .home .left-content h3 {
    font-size: 30px!important;
  }
  .home .right-content {
    display: none!important;
  }
  .home .first-content .logo-wrap img {
    width: 200px!important;
  }
  .home .first-content p i {
    font-size: 14px!important;
  }
  /** all Projects **/
  .all_projects .content-wrap {
    width: 100%!important;
    padding-right: 0px!important;
  }
  .mobile-show .background-white .arrows {
    display: none!important;
  }
}
@media screen and (max-width: 375px) {
  .st-menu {
    width: 100%;
  }
  .st-menu .menu-wrap {
    text-align: center;
  }
}
@media screen and (max-width: 320px) {
  .home .left-content .first-content p i {
    font-size: 12px!important;
  }
  .home .left-content .first-content h4 {
    font-size: 30px!important;
    margin: 50px 0 30px 0!important;
  }
  .home .left-content .fifth-content h1 {
    font-size: 35px!important;
    padding: 0px 0 30px!important;
  }
  .home .left-content .fifth-content h2 span {
    font-size: 35px!important;
    padding: 0px 0 30px!important;
  }
  .home .left-content .fifth-content h6 span {
    font-size: 12px!important;
  }
  .home .left-content .scroll {
    left: 38%!important;
  }
}
/************************ Heights ********************/
@media screen and (max-height: 920px) {
  /** Home **/
  .home .left-content .logo-wrap {
    padding: 40px 0!important;
  }
  .home .centered-menu .menu p {
    padding: 30px 0!important;
  }
  .home .right-content .fifth-content h1 {
    /*margin-top: 250px!important;*/
  }
}
@media screen and (max-height: 800px) {
  /** Home **/
  .home .centered-menu .menu p {
    padding: 25px 10px!important;
  }
}
@media screen and (max-height: 768px) {
  /** Home **/
  .home .centered-menu .menu p {
    padding: 20px 0!important;
  }
}
@media screen and (max-height: 660px) {
  /** Home **/
  .home .centered-menu .menu {
    overflow-y: auto;
  }
  .home .centered-menu .menu p {
    padding: 20px 5px!important;
  }
}