@charset "utf-8";

/* CSS Document */





@font-face {
 font-family: 'Montserrat';
 font-style: normal;
 font-weight: normal;
 src: local('Montserrat-Regular'),  url('fonts/Montserrat-Regular.ttf') format('truetype');
}
 @font-face {
 font-family: 'Montserrat Bold';
 font-style: normal;
 font-weight: normal;
 src: local('Montserrat-SemiBold'),  url('fonts/Montserrat-SemiBold.ttf') format('woff'),  url('fonts/Montserrat-SemiBold.ttf') format('truetype');
}
body {
	font-family: Montserrat, sans-serif;
	color: #ffffff;
    font-size: 19px;
    line-height: 20px;
	font-weight: 300;
	background-color: #000000;
	overflow-x: hidden;
}
p {
	line-height: 31px;
    letter-spacing: 1px;
}
ol, ul, li {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color:#ffffff;
}
a:hover {
	color:#f8c301;
	text-decoration: none;
}
a:focus {
	color: #f8c301;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat Bold';
margin-top: 0px;
font-weight:600;
}
h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
}
img {
	max-width:100%;
}
strong {
	font-weight: 600;
}

.content dl, .content ol, .content ul {
	margin-bottom: 1rem;/*margin-left:15px;*/

}
.ul-list li {
	padding-left: 25px;
	background-position: left 4px;
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}
.form-control, .form-select {
    font-size: 15px;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #6a696c;
    color: #fff!important;
    border-radius: 0;
    padding-left: 0;
}
.form-control:focus, .form-select:focus {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dc3545;
    box-shadow: none;
}
.form-floating>.form-control {
    padding: 1rem .75rem 1rem 0;
}
.form-floating>.form-select {
    padding: 1.2rem .75rem 0 0;
}
.form-select option {
    background-color: #000;
    padding: 3px 5px;
}
.form-floating>label {
    padding: 1rem .75rem 1rem 0;
}
form label {
    font-size: 12px;
}
input:autofill {
    background-color: transparent;
}
input:-internal-autofill-selected
{
  background-color: transparent !important;  
}
.btn-primary {
    padding: 9px 35px;
    color: #000;
    border-color: #ffcc00;
    background: #ffcc00;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
}
.btn-primary:hover {
    color: #ffcc00;
    background-color: transparent;
    border-color: #ffcc00;
}
.btn-link {
    padding: 10px 20px 10px 0px;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.btn-link:hover {
    color: #ffcc00;
    text-decoration: underline;
}
.btn-link:focus {
   box-shadow:none
}
.btn-primary.btn-sm {
 padding: .4rem .7rem;
}
.btn-danger {
	padding:12px 25px;
	color: #fff;
	border-color: #ec1111;
	background: #ec1111;
	box-shadow: 0 5px 10px rgb(34, 5, 191, 0.3);
}
.btn-danger:hover {
	color: #fff;
	border-color: #ff7d2a;
	background: #ff7d2a;
}
section {
	padding: 180px 0px 40px 0px;
}
.subtitle {
	color: #ff7d2a;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px 0px 8px 0px;
}
.black-bg {
	background: #111111;
}
.text-yellow
{
color:#ffcc00;
}
.text-gray
{
color:#CCCCCC;
}
.row-full {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
}
/*=====start marquee========*/
.header-marquee
{
    background-color: #ffcc00;
    color: #000000;
    padding: 4px 15px 3px 15px;
   
    
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 13px;
}
.header-marquee ul
{
flex-wrap: nowrap;
}
.header-marquee ul li
{
    margin-right:80px;
}
/*=====start header========*/

/*.header {
	width: 100%;
	z-index: 1;
	position:relative;
 -moz-transition: all .5s;
 -webkit-transition: all .5s;
 transition: all .5s;
}*/
.header-black {
background-color:#000000;
}
.header-nobg {
    background-color:transparent;
}
.header 
{
    width: 100%;
    z-index: 1;
	position:fixed;
	 -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.header .navbar-brand {
	margin:0px 10px 0px 0px;
}
.header .navbar {
	padding:5px 0px;
}
.header .navbar-brand img {
	max-height:90px;
 -moz-transition: all .5s;
 -webkit-transition: all .5s;
 transition: all .5s;
}
.header .navbar-nav {
	margin-left: auto !important;
}
.sticky {
	height:auto;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
	background-color:#000000;
}
.sticky img {
	height: 50px;
	margin-left:5px;
}
/*======home banner=======*/

.banner{
    width: 100%;
    height: 65vh;
    position: relative;
}
.banner-info
{
position: absolute;
    top: 0;
    right: 7%;
    left: 7%;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.banner-info h2
{
font-size:40px;
font-weight:600;
text-transform: uppercase;
}
.banner-info  p{
	 font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.5px;
}
.banner-info h2 span, .banner-info p span
{
    color:#ffcc00;
}
.carousel-caption {
 position:relative;
	text-align: left;
	left: 0%;
	color:#ffffff;
	padding-top:3.5rem;
	padding-bottom:0;
}

/*.carousel {
}
.carousel-control-next, .carousel-control-prev {
	width: 7%;
}
.carousel-item {
	height:320px;
}
.carousel-caption {
	bottom: 0%;
	text-align: left;
	left: 0%;
	color:#ffffff;
}
.carousel-caption h1 {
	font-size:35px;
}
.carousel-caption p {
	font-size:25px;
	line-height:35px;
	letter-spacing:1.5px;
	margin-bottom:0px;
}
.carousel-indicators .active {
	background-color: #000000;
}
.carousel-control-next, .carousel-control-prev {
	color: #ff7d2a;
}*/
/*=====banner video home page=====*/
.video-bx{
 width:90%;
	   height:100%;
	  overflow:hidden;
	   position: relative;
	   /*border-bottom: solid 3px #ffffff;*/
	   margin: auto;
}

.video-bx video{
	 object-fit:cover;
	 width:100%;
	 height:93vh;
}
.content-box-min{
       position: absolute;
	   top:0;
	   right:0;
	   left:0;
	   bottom:0;
	  background-color: rgba(0,0,0,0.9);
/*background: rgb(253,29,29);
background: linear-gradient(90deg, rgba(0,0,0,0.85) 30%, rgba(0,0,0,1) 100%);*/
       height:100%;
	   display:flex;
	   justify-content:flex-start;
	   align-items: center;
	   width:100% !important;
}
.content-box{
	  padding-left:7%;
}
.video-title
{
font-size:60px;
font-weight:600;
}
.content-box p{
	 font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.5px;
}
#video{
       /*cursor: pointer;*/
}
.play-pause-btn {
display:none;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 55px;
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    right: 2%;
    border-radius: 50px;
    border: 1px solid #fff;
}
.content-box-min .play-btn{
    position: absolute;
    bottom: 25px;
	font-size:25px;
	 padding:13px 0px;
}
.content-box-min .play-btn:hover{
   color: #ffc107;
}
.play-pause-btn i{
      font-size:25px;
      color:#fff;
}
.blink {
            animation: blinker 2s linear infinite;
            color: #ffc107;
           
        }
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
/*=====Testimonials======*/

.testimonial .card {   
    border: none;
    background-color: transparent;
    display: block;
}
.testimonial .card img {
    width: 350px;
    height: 350px;
    /*border-style: solid;
    border-width: 2px;
    border-color: #fff;
    box-shadow: 0 0 0 2px #3e3e3e;*/
    border-radius: 50%;
    margin-bottom: 10px;
	filter: gray;
  -webkit-filter: grayscale(1); 
  filter: grayscale(1);    
}
.testimonial .test-pic
{
	width: 100%;
    height: 100%;
   background-image: url("../images/quote.png");
	background-position:top 25px;
    background-repeat: no-repeat; 
}

.testimonial .card h5 {
    font-size: 18px;
	font-weight:600;
}
.testimonial .card span {
    font-weight:400 !important;
}
.testimonial .card .card-body {
    padding: 5px 0 0;
}
.hm-stpr {
	margin-top:45px;
	margin-bottom:20px;
	text-align:center;
}
/*=====home portfolio======*/
.portfolio 
{
}

.home-prt .portfolio .nav-pills 
{
padding-left:4.9%;
background: rgb(247,194,56);
background: linear-gradient(90deg, rgba(0,0,0,1) 10%, rgba(247,194,56,1) 100%);
}
.portfolio .nav-pills 
{

}

.home-prt .portfolio .nav-pills .nav-link
{
    padding: 1.5rem 2.5rem;
    font-weight: 500;
    font-size: 22px;
}
.portfolio .nav-pills .nav-link
{
    padding: 1rem 1.5rem;
    font-weight: 500;
    font-size: 17px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #f8c301;
    background-color:transparent;
}
.works-list li
{
display: inline-block;
    width: 33.3%;
    vertical-align: top;
	padding: 5px 5px 5px 5px;
	overflow:hidden;
	 -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.overall-box {
	float: left;
	width: 100%;
	position: relative;
}
.overall-pic {
	width: 100%;
	height:auto;
	overflow:hidden;
}
.overall-pic img {
	width:100%;
}
.overall-link {
	width: 100%;
	height: 100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position: absolute;
	z-index: 1;
	background: #000;
	opacity: .1;
}
.overall-box:hover .overall-link {
	opacity: .6;
}
.overall-title {
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 25px;
	padding: 0px;
	margin-top: 0px;
	font-size: 23px;
	line-height:31px;
	font-weight:600;
	color:#ffffff;
	display:none;
 transition: .5s ease;
}
.overall-box:hover .overall-title {
	display:block;
}
.overall-title h6 {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.overall-title a:hover {
	color:#ffffff;
}
/*=====client logo======*/
.client-logo
{
padding:60px 0px;
}
.client-logo .nav {
	margin-bottom:0px;
}
.client-logo .nav .nav-item {
	width:25%;
}
.client-logo .nav .nav-item img {
	width:100%;
}
.client-logo .item {
	padding:0px 2px;
}
/*=====home service link======*/
.home-service
{
padding:15px 0px 40px 0px
}
.home-service h5
{
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: normal;
    text-transform: uppercase;
}
.home-service .nav {
margin-bottom:20px;
}
.home-service .nav-link {
    padding: 0.2rem 0rem;
	font-size:12.5px;
}
/*============Footer===========*/
.footer-top
{
	width: 100%;
	padding:50px 0px;
	background-color:#ffcc00;
	color:#000000;
	font-size:18px;
}
.footer-top .btn
{
font-size:20px;
	border-radius:40px;
	font-weight:600;
	padding:13px 110px 13px 35px;
	border:none;
	position:relative;
}
.footer-top .btn:hover
{
background-color:#000000;
color:#ffcc00;
}

.footer-top .btn:before
{
content: '';
    z-index: 1;
	width: 55px;
    height: 30px;
    position: absolute;
    right: 30px;
	top:0;
    bottom: 0;
	margin: auto;
    background-image: url(../images/right-arrows.png);
    background-repeat: no-repeat;
    background-position: center center;

}
.footer-top .btn:hover:before
{
    background-image: url(../images/right-arrows-yellow.png);
}

.footer-top p
{
	font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.5px;
}
.footer-top h1
{
	font-size:40px;
}
.footer {
	width: 100%;
	padding: 50px 0px 15px 0px;
	border-top: solid 1px #1a1a1a;
	font-size: 12.5px;
	letter-spacing: 1.5px;
}
.footer a {
	color: #ffffff;
}
.footer a:hover {
	color: #f8c301;
}
.footer h5 {
	color: #ffffff;
	font-size: 15px;
	letter-spacing:2px;
	margin-bottom: 18px;
	margin-top: 0px;
	line-height: normal;
	text-transform: uppercase;
}
.footer ul {
	margin-bottom:30px;
}
.footer li {
	margin-bottom:5px;
}
.footer li .fa-copy
{
   cursor: pointer;
}
.ft-logo {
	text-align:center;
}
.ft-logo img {
	width:100px;
}
.social {
	float: left;
	margin-bottom:0px !important;
}
.social li {
	display: inline-block;
	margin: 0px 5px 0px 0px;
	float: none !important;
	width: auto !important;
}
.social li a {
	width: 32px;
	height: 32px;
	line-height: 32px;
	float: left;
	text-align: center;
	border-radius:50%;
	border:solid 1px #6a696c;
	color:#6a696c;
}
.social li a:hover {
	color:#ffffff;
	border:solid 1px #ffffff;
}
.social i {
	font-size: 14px;
}
.footercopy {
	width: 100%;
	float: left;
	font-size: 12.5px;
	letter-spacing: 1.5px;
	padding: 20px 0px 15px 0px;
	text-align: center;
}

/*======page banner ======*/

.page-banner {
	background-repeat:no-repeat;
	background-size: cover;
	background-position:top center;
}
.page-banner h1 {
	color:#ffffff;
	font-size: 50px;
	line-height: 52px;
	margin-bottom:0px;
	z-index:1;
	position:relative;
}
.gradient-overlay {
	position: relative;
	width: 100%;
	display: block;
}
.gradient-overlay:before {
	position: absolute;
	content: '';
	background:rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.breadcrumb {
	background-color:transparent;
	float:right;
	margin-bottom: 0rem;
	margin-top:12px;
	color:#ffffff;
	z-index:1;
	position:relative;
}
.breadcrumb-item a {
	color: #ffffff;
}
.breadcrumb-item.active {
	color: #ffffff;
}
 .breadcrumb-item+.breadcrumb-item::before {
 color: #ffffff;
 content: "\f101";
 font-family: FontAwesome;
}
/*=====about page=======*/
.abttext-color
{
color:#CCCCCC;
}
.about-font {
	font-size: 23px;
	line-height:39px;
}
.abt2-font
{
font-size: 30px;
line-height:39px;
}
.about-info
{
position: relative;

	 height: 82vh;
}
.about-info:before {
content: '';
    z-index: 1;
    height: 90vh;
    width: 650px;
    position: absolute;
    right: -10%;
    top: -10%;
    bottom: 50px;
    background-image: url(../images/logo-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.title-line {
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	padding: 7px 0px;
	font-size: 35px;
	font-weight: 300;
	margin:35px 0px;
}
.about-service 
{
 min-height:540px;
}
.about-service .ser-list
{
display:block;
}
.about-service .col-sm-6:hover .ser-list
{
display:block;
}
.about-service .col-sm-6:hover h1
{
color:#ffcc00;
}
.ser-list {
	margin-left:0px;
	border-top:solid 2px #ffcc00;
	border-bottom:solid 2px #ffffff;
	padding:15px 0px;
}
.ser-list li {
	display: block;
	padding: 15px 0px;
	font-size: 23px;
}

.accordion-button {
    padding: 1.5rem 1.25rem;
    font-size: 1.9rem;
	letter-spacing:1.5px;
	font-weight:300;
    color: #ffffff;
    border-top: 1px solid #ffffff;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color:transparent;
}
.accordion-button:focus {
	border-color:transparent !important;
	 border-top: 1px solid #ffffff !important;
    box-shadow:none;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../images/arrow-down-yellow.png);
  }
  .accordion-button::after {
    background-image: url(../images/arrow-down.png);
    
}
.vission-bg
{
	height: 100vh;
	background-image:url(../images/vision-bg.jpg);
	background-attachment:fixed;
	background-position:center center;
}
.vision-text img
{
	margin:-230px 0px 0px 0px;
	z-index:1;
	position:relative;
}
/*======works detail page======*/

.works-brand {
	font-size: 13px;
	font-weight:600;
	letter-spacing:3px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.work-dlist {
	margin-top:40px;
}
.work-dlist li img {
	width:100%;
}
.work-pagination {
	margin-bottom:0px !important;
	margin-top:50px;
}
.work-pagination .nav-link {
	letter-spacing: 1.5px;
	font-weight: 600;
	font-size: 11.5px;
	text-transform:uppercase;
}
/*======studio page======*/

.studio-list {
	margin-bottom:-45px !important;
}
.studio-list li {
	display:block;
	margin-bottom:5px;
}
.studio-list li img {
	width:100%;
}
/*======team page======*/

.team-sec {
	margin-top:40px;
}
.team-sec .nav-pills .nav-link {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1.5px;
}
.team-sec .nav-pills {
	margin-bottom:25px;
}
.team-pic .card-img {
	width:100%;
	border-radius:0px;
}
.team-des {
	padding-right:60px;
}
/*.team-des p {
	text-align:justify;
}*/
.stprj {
	padding:50px 10px;
	text-align:right;
}
.stprj a {
	font-size:20px;
	letter-spacing: 2px;
	text-decoration:underline;
	text-transform:uppercase;
}
.team-banner
{
margin-top:10%;
margin-bottom:50px;
}

.team-sec .card
{

    background-color:transparent;
    background-clip: border-box;
    border:none;
    border-radius: 0rem;
	text-align:center;
	cursor: pointer;
}

.team-sec .card-text
{
color:#CCCCCC;
}
.team-bio .modal-content {   
    background-color: rgba(0,0,0,0.8);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0rem;
}
.team-sec .card h5 span
{
 border-bottom: 2px solid #000;
}
.team-sec .card:hover h5 span
{
 border-bottom: 2px solid #ffcc00;
}
.team-bio .modal-header { 
    border-bottom: 1px solid #444444;
}

/*======contact form======*/

.contact-form-area {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:30px;
}
.contact-form {
	padding: 0px 30px 0px 0px;
	border-right:solid 2px #6a696c;
}
.contact-form textarea {
	height:155px !important;
}


.serv-list .btn
{
	width:22%;
	padding:10px 20px;
	font-size: 13px;
}
.serv-list .btn:hover, .serv-list .btn:focus, .btn-selected
{
 color: #000000;
    background-color: #ffcc00;
    border-color: #ffcc00;
    box-shadow: none;
}

.contact-address {
	padding: 0px 0px 0px 30px;
}
.contact-address .con-num .cont-detl {
	margin-bottom: 15px;
}
.contact-address .con-num .cont-detl .cti {
	font-size: 18px;
	color:#6a696c;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #6a696c;
	margin-right: 10px;
	border-radius: 3px;
 -webkit-transition: all linear .3s;
 -moz-transition: all linear .3s;
 -ms-transition: all linear .3s;
 -o-transition: all linear .3s;
 transition: all linear .3s;
}
/*.con-num .cont-detl:hover i {
	background: #fff;
	border-color: #000000;
	color: #000000;
}*/
.google-map {
	width:100%;
	margin-top:40px;
}
/*=====blog page======*/

.blog-list {
	background-color:#080808;
	margin-bottom:35px;
	border:none;
	box-shadow: 0px 10px 30px 0px rgba(17, 12, 79, 0.1);
}
.blog-date {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-align:center;
	line-height:normal;
	background-color: #ff7d2a;
	padding: 10px 15px 10px 15px;
	position:absolute;
	top: 15px;
	right: 15px;
	border-radius:3px;
}
.blog-date h3 {
	color:#ffffff;
	margin:0px;
	line-height:26px;
}
.card-link {
	letter-spacing: 1.5px;
	font-weight: 600;
	font-size: 11.5px;
	text-transform: uppercase;
}
.post-preview {
	padding-bottom: 5px;
	margin-bottom:25px;
 border-radius: .1875rem;
 transition: all .3s ease-in-out;
	position:relative;
}
.post-preview img {
 border-radius: .1875rem;
	width: 100%;
	display: block;
}
.post-title {
	/*font-size: 1.25rem;*/
}
.post-des img {
	margin: 25px auto;
	display: block;
}
.tag-links {
	margin-top: 15px;
	margin-bottom: 10px;
}
.tag-links li {
	display:inline-block;
	margin-bottom:8px;
}
.tag-links li a {
	display: inline-block;
	margin: 0px 3px 4px 0px;
	color: #ffffff;
	border: solid 1px #ffffff;
	padding: 8px 15px !important;
	border-radius: 50px;
	background-color:#000000;
	;
 -moz-transition: all .5s;
 -webkit-transition: all .5s;
 transition: all .5s;
}
.tag-links li a:hover {
	color: #fff;
	border-color: #2a2a2a;
	background: #2a2a2a;
}
.comment-list {
	background-color:transparent;
	border-top: solid 1px #1a1a1a;
	border-bottom: solid 1px #1a1a1a;
	padding:20px 10px;
}
.comment-row {
	margin-top:25px;
}
.comment-form {
	margin-top:25px;
}
.comment-form textarea {
	height:200px !important;
}
.widget, .widget-title, .widget-box {
	height: auto;
	width: 100%;
}
.sidebar .widget {
	padding: 0 0 40px 0px;
}
.sidebar .widget-title {
	margin-bottom: 10px;
	padding: 13px 15px;
	border:1px solid #6a696c;
	border-radius:4px;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: normal;
	text-transform: uppercase
}
.sidebar .widget .card {
	background-color:transparent;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: 1px solid #6a696c;
	margin-bottom: 10px;
	padding-bottom:10px;
}
.sidebar .widget .card:last-child {
	border-bottom:none;
	margin-bottom:0px;
	padding-bottom:0px;
}
.sidebar .widget .card img {
	width: 85px;
	height:60px;
}
.sidebar .widget .card card-title {
	margin-bottom:0px !important;
}
.sidebar .widget .card a {
	font-size:15.5px;
	font-weight: 300;
	line-height: 19px;
}
.sidebar .widget .card-body {
	padding: 0rem 0rem 0px 5px;
}
.contact .footer-top
{
    display:none;
}
/*====other page====*/

#topcontrol {
	z-index:2;
}
.backtotop {
	color: #fff;
	border-radius: 4px;
	font-size: 22px !important;
	height: 50px;
	width: 50px;
	text-align: center;
	padding-top: 11px;
	border:solid 2px #ffffff;
	background: #ffffff;
}
.backtotop:hover {
	background: #6b008f;
	border:solid 2px #6b008f;
	color: #ffffff;
}
 @media only screen and (max-width:1920px) {
}
/*====1600×900===*/
 @media only screen and (max-width:1600px) {
.video-bx, .video-bx video{
	   height:91vh;
}
}
/*====1536×864===*/
@media only screen and (max-width:1536px) {
.video-bx, .video-bx video{
	   height:92vh;
}
 }
/*====1440×900===*/ 
 @media only screen and (max-width:1440px) {
.video-bx, .video-bx video{
	   height:92vh;
}
.works-list li {
  width: 33.3%;
  }
.video-bx {
  height: 90vh;
  }  
.video-title
{
font-size:40px;
}  
.content-box p {
    font-size: 17px;
    line-height: 26px;
}
.play-btn
{
font-size: 20px;
}
.about-info {
  height: inherit;
}
}
/*====1280×800===*/ 
@media only screen and (max-width:1280px) {
.video-bx, .video-bx video{
	   height:93vh;
}

}
@media only screen and (max-width:1200px) {
 h1 {
 font-size: 30px;
    line-height: 30px;
}
 .page-banner h1 {
 font-size: 40px;
 line-height: 42px;
}
 .carousel-caption {
 width:100%;
}
 .about-font {
 font-size: 18px;
 line-height: 32px;
}
 .ser-list li {
 font-size: 18px;
}
 .ser-list {
 margin-left:0px;
}
.video-title
{
font-size:50px;
}
.serv-list .btn {
    width: 46%;
  }
.testimonial .card img
{
    width:285px;
    height:285px;
}
}
/*====1024×768===*/ 
@media only screen and (max-width :1024px) {
.video-bx, .video-bx video{
	   height: auto;
}
}
 @media only screen and (max-width :991px) {
 
 .header
 {
 background-color:#000000;
 z-index:2;
 }
 .header .navbar-brand img {
 max-height: 65px;
}
.banner{
    height: 100vh;
}

 .carousel-caption p {
 font-size: 18px;
 line-height: 26px;
}
 .portfolio.mt-5 {
 margin-top:0px !important;
}
 .overall-title {
 top: 15px;
 left:19px;
}
 .overall-title h2 {
 font-size: 26px;
}
 .contact-form-area {
 margin-bottom:0px;
}

 .contact-form {
 padding: 0px 15px;
 border-right:none;
 margin-bottom:40px;
}
 .contact-address {
 padding: 0px 15px;
}
 .google-map {
 width: 100%;
}
.works-list li {
    width: 33.33%;
}
.video-title
{
font-size:40px;
}
.accordion-button {
     padding: 1.2rem 1.25rem;
   text-align: left;
  font-size: 20px;
   letter-spacing: 1px;
}
section {
 padding: 120px 0px 40px 0px;
}
.footer-top h1 {
  font-size: 50px;
  line-height: 50px;
}
.abt2-font {
  font-size: 20px;
  line-height: 29px;
}

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

 .h5, h5 {
 font-size: 1.15rem;
}
.banner-info h2 {
  font-size: 45px;
}
 .carousel-caption p {
 font-size: 16px;
 line-height: 22px;
}
 .page-banner h1 {
 font-size: 23px;
 line-height: 25px;
}
 .page-banner {
 text-align:center;
}
 .breadcrumb {
 float:none;
 text-align: center;
 margin-top:10px;
}
 .page-banner nav {
 margin: auto;
 display: table;
}

 .footer {
 padding: 40px 0px 20px 0px;
}
 .ft-logo {
 display:none;
}
 .social {
 float: left;
}
 .studio-list {
 margin-top: -35px !important;
 margin-bottom: -40px !important;
}
 .team-pic {
 margin-bottom:30px;
}
 .team-des {
 padding-right: 35px;
 padding-left: 25px;
}
 .works-list li {
 width: 50%;
}

.video-title
{
font-size:30px;
}
.content-box p {
  font-size: 15px;
  line-height: 25px;
}
.client-logo {
  padding: 50px 0px;
}
.portfolio .nav-pills .nav-link, .home-prt .portfolio .nav-pills .nav-link {
  padding: 1rem 1.5rem;
  font-size: 15px;
}
.footer-top h1 {
  font-size: 45px;
  line-height: 45px;
}
.about-service .ser-list
{
display:block;
}

.about-service .col-sm-6:hover h1
{
color:#ffffff;
}
}
 @media only screen and (max-width:575px) {
h1 {
    font-size: 25px;
    line-height: 27px;
  }
 h2, .title-line, .post-title {
 font-size: 19px;
}
 .h3, h3 {
 font-size: 17px;
}
 h4 {
 font-size: 15px;
}
 h5 {
 font-size: 15px;
}
.btn-primary {
  font-size: 14px;
}
.pt-5, .pb-5 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
 .header .navbar-brand img {
 max-height: 55px;
}
.video-title {
  font-size: 21px;
}
 .banner {
    height: inherit !important;
  }
.banner-info
{
    position: inherit;
    right: 0%;
  left: 0%;
    padding:80px 15px 30px 15px;
}

.banner-info h2 {
    font-size: 37px;
}
.carousel-caption p {
 font-size: 18px;
 line-height: 27px;
}
.carousel-caption p br{
    display:none;
  }
 .works-list li {
 width: 50%;
}
 .overall-title {
 top: 12px;
 left: 12px;
}
 .overall-title h2 {
 font-size: 18px;
 margin-bottom:3px;
}
 p, .about-font {
line-height: 28px;
font-size: 16px;
}
 .ser-list li {
 font-size: 14px;
 padding: 5px 0px;
}
 .title-line {
 margin: 20px 0px;
}
.testimonial {
  margin-top: 15px;
}
.client-logo {
  padding: 25px 0px;
}
 .client-logo.mt-4 {
 margin-top:0px !important;
}
 .client-logo h2 {
 font-size:20px;
}
 .client-logo h2 br {
 display:none;
}
 .client-logo .nav .nav-item {
 width: 50%;
}
.home-service {
  padding: 15px 0px 20px 0px;
}
 .stprj {
 padding: 40px 10px;
 text-align: center;
}
 .footer h5 {
 margin-bottom: 8px;
}
 .contact-form, .contact-address {
 padding:0px;
}
.video-title {
  font-size: 21px;
}
.content-box p {
  font-size: 13px;
  line-height: 22px;
}

.content-box p br {
display:none;
}
.content-box {
  padding-left: 15px;
   padding-right: 15px;
}
.play-btn {
    font-size: 18px;
}
.portfolio .nav-pills {
  padding-left: 0%;
}
.portfolio .nav-pills .nav-link, .home-prt .portfolio .nav-pills .nav-link {
  padding: 1rem 0.7rem;
  font-weight: 500;
  font-size: 14px;
}
.home-service {
  padding: 20px 0px 20px 0px;
}
.home-service .nav {
  margin-bottom: 15px;
}
section {
  padding: 90px 0px 40px 0px;
}
.about-service
{
 margin-bottom: 0px;
}
.about-service .ser-list
{
 margin-bottom: 60px;
}
.footer-top h1 {
  font-size: 35px;
  line-height: 35px;
}
.footer-top .btn {
  font-size: 18px;
  padding: 13px 70px 13px 23px
}
.footer-top .btn::before {
  width: 35px;
  height: 24px;
  right: 23px;
  background-size: 35px;
}
.footer-top .display-6 {
  font-size: calc(1rem + 1.8vw);
}

.fs-2 {
  font-size: calc(1rem + .8vw) !important;
}
.my-5 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
}
 @media only screen and (max-width:480px) {
.banner-info h2 {
    font-size: 30px;
  }
 .portfolio .nav-link {
 padding: .5rem 0.4rem;
}
.serv-list .btn {
    width: 43%;
  }
}
 @media only screen and (max-width:399px) {
}
 @media only screen and (max-width:359px) {
}
 @media only screen and (max-width:320px) {
}