/* Large screens ----------- */

@media only screen and (min-width : 2024px) {

	/* STYLES GO HERE */

}



/* Large screens ----------- */

@media only screen and (min-width : 1920px) {

	/* STYLES GO HERE */

}



/* Large screens ----------- */

@media only screen and (min-width : 1824px) {

	/* STYLES GO HERE */



}



/* Large screens ----------- */

@media only screen and (min-width : 1600px) {

	/* STYLES GO HERE */


}



/* 

  ##Device = Desktops

  ##Screen = 1281px to higher resolution desktops

  */



  @media only screen and (min-width: 1281px) {


  }



  /* Desktops and laptops ----------- */

  @media only screen and only screen and (min-width : 1225px) {


  }


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


  }



/* 

  ##Device = Laptops, Desktops

  ##Screen = B/w 1025px to 1280px

  */



  @media only screen and (min-width: 1025px) and (max-width: 1224px) {



  }



/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

  */



  @media only screen and (min-width: 768px) and (max-width: 1024px) {

  	.master-layout section{
  		margin-left: 5%;
  		margin-right: 5%;
  	}

  	.l-0-sm{
  		left: 0;
  	}

  	.galleryImgs .gal-item {
  		margin: 2% auto;
  	}

  	.owl-carousel .owl-item img{
  		margin: auto;
  	}

  	.owl-carousel .owl-item h4, .owl-carousel .owl-item p{
  		text-align: center;
  	}

  	.abs-center-y-none-sm{

  		top: auto;

  		transform: none;

  	}

  	.p-l-10-sm{
  		padding-left: 10%;
  	}

  	.p-r-10-sm{
  		padding-right: 10%;
  	}

  	.logo img{
  		margin: 5% auto;
  	}

  	.h-80-sm{
  		height: 80px;
  	}

  	.h-300-sm{
  		height: 300px;
  	}

    .p-1-sm{
      padding: 1% 1% !important;
    }    

    .p-5-sm{
      padding: 5% 10% !important;
    }

    .bg-344664-sm{
      background-color: #344664;
    }

    .particles canvas{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -99;
    }

    .h-a-sm{
      height: auto;
    }

    .pos-abs-none-sm{
      position: relative;
    }

    .abs-center-x-y-none-sm {
      top: auto;
      left: auto;
      transform: none;
    }

    .text-center-sm{
      text-align: center;
    }

  }



  /* iPads (portrait) ----------- */

  @media only screen and only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

  	/* STYLES GO HERE */






  }



/* 

  ##Device = Tablets, Ipads (landscape)

  ##Screen = B/w 768px to 1024px

  */



  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {





  }


  @media only screen and (min-width: 1024px) and (max-width:1024px) {

  	.particles canvas{
  		position: absolute;
  		width: 100%;
  		height: 100%;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		z-index: -99;
  	}


  	.h-a-sm{
  		height: auto;
  	}

  	.pos-abs-none-sm{
  		position: relative;
  	}


  	.abs-center-x-y-none-sm {
  		top: auto;
  		left: auto;
  		transform: none;
  	}


  	.text-center-sm{
  		text-align: center;
  	}


  }

  @media only screen and (min-width: 834px) and (max-width:960px) {

  	.p-5-sm{
  		padding: 5% 10% !important;
  	}

  	.bg-344664-sm{
  		background-color: #344664;
  	}

  	.particles canvas{
  		position: absolute;
  		width: 100%;
  		height: 100%;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		z-index: -99;
  	}

  	.h-a-sm{
  		height: auto;
  	}

  	.pos-abs-none-sm{
  		position: relative;
  	}

  	.abs-center-x-y-none-sm {
  		top: auto;
  		left: auto;
  		transform: none;
  	}


  	.text-center-sm{
  		text-align: center;
  	}

  }

  @media only screen and (min-width: 834px) and (max-width:834px) {

  	.particles canvas{
  		position: absolute;
  		width: 100%;
  		height: 100%;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		z-index: -99;
  	}

  	.h-a-sm{
  		height: auto;
  	}

  	.pos-abs-none-sm{
  		position: relative;
  	}

  	.abs-center-x-y-none-sm {
  		top: auto;
  		left: auto;
  		transform: none;
  	}

  	.text-center-sm{
  		text-align: center;
  	}

  }



/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

  */



  @media only screen and (min-width: 481px) and (max-width: 767px) {





  }



/* 

  ##Device = Most of the Smartphones Mobiles (Portrait)

  ##Screen = B/w 320px to 479px

  */



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

  	.galleryImgs .gal-item .box {
  		height: 130px;
  	}


  	.l-0-xs{
  		left: 0;
  	}
  	.logo img {
  		padding: 0 10%;
  	}

  	.master-layout section{
      /*padding-left: 10%;
      padding-right: 10%;*/
    }

    .master-layout #cssmenu, .master-layout #cssmenu #head-mobile {
     height: 120px;
   }

   .galleryImgs .gal-item {
     margin: 2% auto;
   }

   .owl-carousel .owl-item img{
     margin: auto;
   }

   .owl-carousel .owl-item h4, .owl-carousel .owl-item p{
     text-align: center;
   }

   .abs-center-y-none-xs{

     top: auto;

     transform: none;

   }

   .p-l-10-xs{
     padding-left: 10%;
   }

   .p-r-10-xs{
     padding-right: 10%;
   }

   .pull-right-none-xs{
     float: none !important;
   }

   .display-center-xs{
     display: block;
     margin-left: auto;
     margin-right: auto;
   }

   .home-icon{
     height: 20px !important;
   }

   .h-80-xs{
     height: 80px;
   }

   .logo img{
     margin: 5% auto;
   }

   .h-300-xs{
     height: 300px;
   }

   .f-20-xs{
     font-size: 20px !important;
   }

   .f-24-xs{
     font-size: 24px !important;
   }

   .f-15-xs{
     font-size: 15px !important;
   }

   .f-16-xs{
     font-size: 16px !important;
   }

   .f-18-xs{
     font-size: 18px !important;
   }

   .gal-item .link-gallery h1{
     font-size: 24px !important;
     padding: 10px;
   }

   .social-circle li a {
     font-size: 14px;
   }

   .logo-img{
     height: 90px;
   }

   .p-0-xs{
     padding: 0% !important;
   }

   .p-1-xs{
    padding: 1% 1% !important;
  }

  .p-2-xs{
  	padding: 2% 2% !important;
  }

  .p-5-xs{
  	padding: 5% 5% !important;
  }

  .bg-344664-xs{
  	background-color: #344664;
  }

  .particles canvas{
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	z-index: -99;
  }

  .h-a-xs{
  	height: auto!important;
  }

  .mh-a-xs{
    min-height: auto!important;
  }

  .pos-abs-none-xs{
  	position: relative;
  }

  .abs-center-x-y-none-xs {
  	top: auto;
  	left: auto;
  	transform: none;
  }

  .pageloader{
  	background-size: 85%;
  }

  .text-center-xs{
  	text-align: center !important;
  }

}



/* Smartphones (portrait) ----------- */

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

	.abs-center-y-none-xs{

		top: auto;

		transform: none;

	}

	.bg-344664-xs{
		background-color: #344664;
	}

	.particles canvas{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -99;
	}

	/* STYLES GO HERE */

	.h-a-xs{
		height: auto;
	}

	.pos-abs-none-xs{
		position: relative;
	}

	.abs-center-x-y-none-xs {
		top: auto;
		left: auto;
		transform: none;
	}

	.text-center-xs{
		text-align: center;
	}

	.p-1-xs{
		padding: 1% 1% !important;
	}

  .p-5-xs{
    padding: 5% 5% !important;
  }

  .h-80-xs{
    height: 80px;
  }

}





/* iPhone 5 (portrait & landscape)----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px) {

	/* STYLES GO HERE */

}



/* iPhone 5 (landscape)----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px)

and (orientation : landscape) {

	/* STYLES GO HERE */

}



/* iPhone 5 (portrait)----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px)

and (orientation : portrait) {

	/* STYLES GO HERE */

}


/* Detect Mac Safari 6.1 or newer, hide any straggling Chrome references */

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) and (min-device-width : 1165px) and (max-device-width : 1280px){


}

   /* Detect Mac Safari 6.1 or newer, hide any straggling Chrome references */