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

/* #Media Queries
================================================== */
/* Smaller than standard 1200px (devices and browsers) */
@media only screen and (min-device-width : 2560px) and (max-device-width : 2560px) {
}

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



}

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



}

@media (min-width: 1280px) and (max-width: 1600px) {
#main {
  padding-top:85px;
}
header.smaller .top_header {
  padding: 8px 0px;
}
header .top_header .logo{
  width:7%;
}
header .navigation{
  width:93%;
  padding: 15px 0px;
}
header.smaller .logo{
  width:5%;
}
header.smaller .navigation{
  width:95%;
  padding:5px 0px;
}
.ozmenu ul.ozmenu-nav > li a{
  font-size:18px!important;
}
.work-box h2.flim-name{
  font-size:24px;
}
.work-box p{
  font-size:20px;
}
.btn_common {
  width:20%;
  font-size: 24px;
}
.our-clients .title{
  font-size:28px;
}
.our-clients .client-logo {
  width: 11%;
  padding: 0px 22px;
}
.our-story-one p{
  font-size:22px;
}
.our-story-two ul li{
  font-size:22px;
}
.our-story-two p{
  font-size: 22px;
}
.team .team-box .member-name{
  font-size:28px;
  margin-bottom: 0px;
}
.team .team-box .member-designation{
  font-size:22px;
}
.work-section .work-category h3.category-name{
  font-size:20px;
}
.section-one h1.page-title{
  font-size:32px;
  padding: 36px 0px;
}
.our-story-one h1.title{
  font-size:38px;
}
.our-story-two h2.title{
  font-size: 38px;
}
.button-bottom .btn-next{
  width:10%;
  font-size:24px;
}
.button-bottom .btn-prev{
  width:12%;
  font-size: 24px;
}
.contact{
  padding:40px 0px 0px;
}
.contact .link a{
  font-size: 22px;
}
.contact p{
  font-size:22px;
}
.copyright{
  font-size:20px;
}






}


@media only screen and (max-width: 1600px) {
.video-container {
  height:750px; /* Set a fixed height */
}
}

@media only screen and (max-width: 1440px) {
.video-container {
  height:665px; /* Set a fixed height */
}
}

@media only screen and (max-width: 1366px) {
.video-container {
  height:630px; /* Set a fixed height */
}
}

@media only screen and (max-width: 1360px) {
.our-clients .client-logo {
  width: 11%;
  padding: 0px 22px;
}
}

@media only screen and (max-width: 1280px) {
 header .navigation {
    padding: 11px 0px;
  }
 header.smaller .navigation {
    padding: 0px 0px;
  }
.video-container {
  height:580px; /* Set a fixed height */
}
.section-one h1.page-title {
    font-size: 28px;
  }
.work-box h2.flim-name {
    font-size: 22px;
  }
.work-box p {
    font-size: 18px;
  }
.our-story-one p {
    font-size: 20px;
  }
.our-story-two ul li {
    font-size: 20px;
  }
.our-story-two p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1200px) {
.container {
	width: 90%;
	margin: 0 auto;
	}
  .carousel-item-news {
    min-width: 50%; /* Show 2 slides at a time on medium screens */
  }
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
#main {
  padding-top:90px;
}
.container {
    width: 95%;
	}
header .top_header{
  padding: 11px 0px;
}
header.smaller .top_header {
  padding: 6px 0px;
}
header .top_header .logo {
  width:8%;
}
header .navigation{
  width: 92%;
  padding:11px 0px;
}
header.smaller .top_header .logo {
  width:6%;
}
header.smaller .navigation{
  width:94%;
  padding:8px 0px;
}
.ozmenu {
  width:50%!important;
  float: right;
}
header.smaller .navigation .ozmenu{
  width:50%!important;
}
.ozmenu ul.ozmenu-nav > li a{
  font-size:18px!important;
}
.video-container {
  height:460px; /* Set a fixed height */
}
.btn_common{
  width:20%;
  font-size:18px;
}
.our-clients .title{
  font-size:22px;
}
.our-clients .client-logo {
    padding: 0px 5px;
}
.work-section{
  padding:20px 0px;
}
.work-section .work-category h3.category-name {
  font-size: 16px;
}
.section-one h1.page-title{
  padding: 20px 0px 0px;
}
.work-box h2.flim-name {
    font-size: 20px;
}
.work-box p {
    font-size: 16px;
}
.our-story-one h1.title{
  font-size:34px;
}
.our-story-one p {
    font-size: 18px;
    line-height:32px;
}
.our-story-two h2.title{
  font-size:34px;
}
 .our-story-two ul li {
    font-size: 18px;
}
.our-story-two p {
    font-size:18px;
}
.team .team-box {
  flex: 0 46%;
  margin: 10px 10px;
}
.team .team-box .member-name{
  font-size:24px;
  line-height: 40px;
  margin-bottom: 0;
}
.team .team-box .member-designation{
  font-size:20px;
}
.contact {
  width: 100%;
  padding: 47px 0px 0px;
}
.contact h3.title{
  font-size:28px;
}
.contact .link{
  padding:0px;
}
.contact .link a{
  font-size:20px;
}
.contact p{
  font-size:20px;
}
.social-media a{
  padding: 0px 0px 0px 5px;
}
.social-media a img{
  width:24px;
  height: 24px;
}
.copyright{
  font-size: 18px;
}
}

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


}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {


}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
}



}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;	
	max-width: 100%;
	padding: 15px;
	}
#main{
	padding-top:87px;
	}
.dbox{
	display:none;
	}
.mbox{
	display: block;
	}
.video-container {
    height:188px; /* Reduce the height on smaller screens */
  }
.scrollToTop{
  display: none!important;
}
header .top_header{
  padding: 10px 10px;
}
header .top_header .logo {
    width: 20%;
    position: absolute;
    left:10px;
    top:10px;
  }
header.smaller .top_header {
  padding: 12px 0px;
}
header.smaller .top_header .logo {
    width:16%;
    position: absolute;
    left: 10px;
    top:10px;
  }
header .navigation {
    width:100%;
    padding:8px 0px;
  }
.work-box {
  margin-bottom: 0px;
}
.work-box p {
    font-size: 16px;
  }
.btn_common{
  width: 65%;
  font-size:22px;
  font-size:500;
}
.section-one{
  padding: 0px 0px 40px;
}
.our-clients .title{
  font-size:26px;
}
.our-clients .client-logo {
    width: 32%;
    padding: 0px 12px;
  }
.our-story-one .container {
  width:100%;
}
.our-story-one h1.title {
  font-size: 32px;
  line-height: 46px;
}
.our-story-one p{
  font-size: 18px;
}
.our-story-two .container {
  width: 100%;
}
.our-story-two h2.title{
  font-size: 32px;
  line-height: 46px;
}
.our-story-two ul li{
  font-size: 18px;
}
.our-story-two p{
  font-size: 18px;
}
.work-section {
  padding: 20px 0px;
}
.work-section .work-category{
  margin-bottom: 0px;
}
.work-section .work-category h3.category-name {
  font-size: 18px;
}
.section-one h1.page-title {
    font-size: 22px;
    padding: 20px 0px 0px;
    line-height: 28px;
 }
.button-bottom .btn-prev{
  width: 36%;
  padding: 8px 15px;
  font-size: 20px;
  font-weight: 500;
}
.button-bottom .btn-next{
  width: 30%;
  padding: 11px 15px;
  font-size: 20px;
  font-weight: 500;
}
.team {
  width: 83%;
  margin: 0 auto 50px;
}
.team .team-box{
  flex:0 100%;
  margin: 0px 0px 25px;
}
.team .team-box .member-name{
  font-size:32px;
}
.team .team-box .member-designation{
  font-size:22px;
}
.video-item .youtube-btn {
  top: 40%;
  left: 40%;
  width: 50px;
  height: 50px;
}
.contact{
  padding:20px 0px;
}
.contact h3.title{
  font-size:28px;
}
.contact .link a{
  font-size:18px;
}
.contact p{
  font-size:18px;
  line-height: 28px;
}
.copyright{
  font-size:16px;
}
.social-media {
  text-align: left;
}
.social-media a img{
  width:20px;
  height: 20px;
}
.footer {
  padding: 20px 0px;
}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}