/* ------------------------
    Responsive Css
------------------------*/

@media (max-width: 1200px){
h1{font-size: 50px; line-height: 60px;}
h2 {font-size: 32px; line-height: 40px;}
h3 {font-size: 28px; line-height: 38px;}
h4 {font-size: 20px; line-height: 30px;}
h5 {font-size: 18px; line-height: 24px;}
h6 {font-size: 17px; line-height: 22px;}

/*Padding*/
.lg-pr-5 {padding-right: 50px !important;}
.lg-px-3 {padding-left: 30px !important; padding-right: 30px !important;}

/*Margin*/
.lg-mt-3{margin-top: 30px !important;}
.lg-mt-5{margin-top: 50px !important;}
.lg-mt-7{margin-top: 70px !important;}

.post-meta ul li{font-size: 12px;}

}


@media (max-width: 992px){
h1{font-size: 40px; line-height: 50px;}
h2{font-size: 30px; line-height: 40px;}
h3 {font-size: 24px; line-height: 30px;}
h4 {font-size: 20px; line-height: 26px;}
h5 {font-size: 18px; line-height: 28px;}
h6 {font-size: 17px; line-height: 26px;}


/*Margin*/
.md-mt-0{margin-top: 0 !important;}
.md-pl-0{padding-left: 0 !important;}
.md-mt-3{margin-top: 30px !important;}
.md-mt-5{margin-top: 50px !important;}
.md-mt-7{margin-top: 70px !important;}
.md-mb-3{margin-bottom: 30px !important;}
.md-mb-5{margin-bottom: 50px !important;}
.md-mb-7{margin-bottom: 70px !important;}
.md-px-3 {padding-left: 30px !important; padding-right: 30px !important;}
.md-px-5 {padding-left: 50px !important; padding-right: 50px !important;}
.md-py-3 {padding-top: 30px !important; padding-bottom: 30px !important;}
.md-py-5 {padding-top: 50px !important; padding-bottom: 50px !important;}
.md-pt-8{padding-top: 80px !important;}

/*Text Align*/
.md-text-center{text-align: center !important;}
.md-text-left{text-align: left !important;}

.navbar-nav .nav-link{padding: 10px 20px !important;}

/*Side Image*/
.side-image{display: none;}
.img-side.img-right {left: auto; position: relative !important; right: 0;}
.img-side.img-left {left: 0; position: relative !important; right: auto;}
.image-column {left: 0; position: inherit; top: inherit; transform: inherit;}

/*Masonry*/
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {width: 50%;}

.post-meta ul li {font-size: 13px;}
.triangle {right: 15%;}
.effect-1, .effect-1 span, .effect-1 span::before,
.effect-1 span::after {height: 170px; width: 170px;}
.app-device{width: 50%; margin: 0 auto;}
.modal-dialog {max-width: 700px;}
.modal .modal-body {padding: 30px;}

}

@media (max-width: 767px){
h2{font-size: 28px;}
h3 {font-size: 22px; line-height: 30px;}
.section-title h2{font-size: 34px; line-height: 40px;}
.section-title p {font-size: 16px;}
.page-title h1 {font-size: 30px; line-height: 30px;}

/*Margin*/
.sm-mt-0{margin-top: 0 !important;}
.sm-mt-2{margin-top: 20px !important;}
.sm-mt-3{margin-top: 30px !important;}
.sm-mt-5{margin-top: 50px !important;}
.sm-mb-3{margin-bottom: 30px !important;}
.sm-mb-5{margin-bottom: 50px !important;}

/*Padding*/
.sm-pt-0{padding-top: 0 !important;}
.sm-pt-5{padding-top: 50px !important;}
.sm-pt-10{padding-top: 100px !important;}
.sm-pb-5{padding-bottom: 50px !important;}
.sm-pb-8{padding-bottom: 80px !important;}
.sm-pb-10{padding-bottom: 100px !important;}
.sm-px-3{padding-left: 30px !important; padding-right: 30px !important;}
.sm-py-3{padding-top: 30px !important; padding-bottom: 30px !important;}
.sm-py-8{padding-top: 80px !important; padding-bottom: 80px !important;}


/*Header*/
#header-wrap{padding: 15px 0;}
.navbar {justify-content: space-between; width: 100%; border-radius: 0 !important;}
.navbar-brand {margin-right: 0; padding: 0;}
.navbar-toggler {background: #425edb; height: 40px; width: 40px; padding: 0; border-radius: 0; margin-right: 0; -webkit-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); -moz-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15);}
.navbar-nav li ul{position: static;}
.navbar-nav li ul::before{display: none;}
.navbar-nav .nav-item{margin: 0;}
.navbar-nav .nav-link{padding: 10px 20px !important; font-size: 15px; color: #ffffff; border-radius: 0;}
.navbar-collapse {background:#141414; max-height: 400px; overflow: auto; border: medium none; left: 0; position: absolute; z-index: 99; top: 60px; width: 100%;}

.navbar-toggler span {width: 80%; height: 2px; margin: 5px auto; display: block; background: #ffffff;}
.navbar-nav .nav-link .sub-arrow, .navbar-nav li ul li a .sub-arrow {position: absolute; border:none; top: 50%; right: 0; margin: -0.7em 0.5em 0 0; border-radius: .25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center;}
.navbar-nav a .sub-arrow::before {content: '+';}
.navbar-nav .highlighted .sub-arrow::before {content: '-';}

/*Banner*/
.sm-bg-cover {background-size: cover;}
.fullscreen-banner {height: auto !important; padding: 50px 0 !important;}
.fullscreen-banner .align-center { position: relative; top: inherit; transform: inherit;}

/*Portfolio*/
.portfolio-filter button + button {margin-left: 10px;}
.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick,
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick{width: 100%;}

/*Subscribe*/
.subscribe-form{width: 100%;}

.testimonial-img {left: inherit; position: inherit; top: inherit;}
.testimonial-content {padding: 30px;}
.effect-1{right: 30%}

.tab .nav-tabs .nav-link{font-size: 18px;}
.bg-none{background-image: none !important;}

.modal-dialog{max-width: inherit;}
.modal-content{display: block;}
.modal-header {width: 100%; padding: 15px 30px;}
.modal .modal-body {padding: 20px;}
.modal-header h2 {font-size: 22px; line-height: 30px;}
.modal-header h5 {font-size: 16px; line-height: 24px;}
.modal-header .close {left: inherit; right: 5px}
.custom-slider{padding: 30px;}
.contact-form{width: 100%; padding: 70px 20px 20px;}


}

@media (max-width: 576px){
.col-xx-12{width: 100% !important;}
h1{font-size: 30px; line-height: 36px;}
h2{font-size: 26px; line-height: 34px; margin-bottom: 10px;}
h3 {font-size: 20px; line-height: 28px;}
h4 {font-size: 18px; line-height: 26px;}
.section-title h2{font-size: 28px; line-height: 36px;}
.page-title h1 {font-size: 24px;}

/*Whatsapp Chat button*/
.sticky-whatsapp{
    position:fixed;
	width:283px;
	height:auto;
	bottom:0px;
	right:10%;
	color:#FFF;
	text-align:center;
    z-index:100;
}
/*mobile Tab size*/
.portfolio-filter button { display: inline-block;}

/*Margin*/
.xs-mt-0{margin-top: 0 !important;}
.xs-mt-1{margin-top: 10px !important;}
.xs-mt-2{margin-top: 20px !important;}
.xs-mt-3{margin-top: 30px !important;}
.xs-mt-5{margin-top: 50px !important;}
.xs-mb-1{margin-bottom: 10px !important;}
.xs-mb-3{margin-bottom: 30px !important;}
.xs-mb-5{margin-bottom: 50px !important;}

/*Padding*/
.xs-pt-5{padding-top: 50px !important;}
.xs-pb-5{padding-bottom: 50px !important;}
.xs-px-1{padding-left: 10px !important; padding-right: 10px !important;}
.xs-px-2{padding-left: 20px !important; padding-right: 20px !important;}
.xs-px-3{padding-left: 30px !important; padding-right: 30px !important;}
.xs-py-2{padding-top: 20px !important; padding-bottom: 20px !important;}
.xs-py-10{padding-top: 100px !important; padding-bottom: 100px !important;}

/*Text Align*/
.xs-text-center{text-align: center;}

/*Banner*/
.fullscreen-banner p br{display: none;}
.breadcrumb-item {line-height: 30px;}
.page-title {padding: 160px 0 110px;}

/*Button*/
.btn {padding: 10px 20px;}
.btn + .btn {margin-left: 5px;}

/*Project*/
.portfolio-filter{width: 100%;}
.portfolio-filter button{margin:0 auto 10px !important; float: none; display: inline-block;}
.portfolio-filter button + button {margin-left: 0;}

/*Subscribe*/
#mc-form .btn {width: 100%; border-radius: 5px; position: inherit; top: inherit;}

.banner .owl-carousel .owl-nav{display: none;}
.testimonial {margin: 30px 30px 0;}
.testimonial-content {padding: 20px;}
.testimonial-content p {font-size: 14px; line-height: 26px;}
.tab .nav-tabs .nav-link{font-size: 16px; padding: 10px;}
.vision-sec .tab ul li{padding-left: 0;}
.vision-sec .tab ul li i {position: inherit; left: inherit; top: inherit; margin-top: auto; margin-right: 10px;}

.img-effect .img-2 {width: 35%;}

.modal-header {width: 100%; padding: 15px 20px;}
.form-control{height: 40px}
.form-group {margin-bottom: 15px;}
}
@media (max-width: 576px){
    .portfolio-filter button {float: inline-start!important; display: inline-block!important;}
}
@media (min-width:575px){
    .sticky-whatsapp{
    position:fixed;
	width:283px;
	height:auto;
	bottom:0px;
	right:40%;
	color:#FFF;
	text-align:center;
    z-index:100;
}
}