/* All Common CSS*/



@media(min-width: 220px) and (max-width: 1024px){
    .container,.slogan,
    .navigation li.dropdown > .dropdown-menu.dropdown-menu-lg{width: 100%;}
    .get-quote-wrap{margin-top: 0;}
    .delelop-by {text-align: left;}
    .video-wrap .image-small{display: none;}
    .video-wrap {margin-bottom: 25px;}
    .navigation li.dropdown > .dropdown-menu.dropdown-menu-lg{min-width:100%;}
    .mobile-menu{
		font-size: 20px;
		background: #1a5d88;
		padding:30px 25px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		float: right;
		margin-right: -15px;
	}
	.nav-wrapper{
		position: fixed;
		top: 0;
		right: -300px;
		width: 255px;
		height: 100%;
		overflow-x: scroll;
		z-index: 999;
		border-radius: 0;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: #041a24;
		padding: 0;
		margin: 0;
	}
	.nav-wrapper.open{
		right: 0;
	}
	.navigation > li{
		display: block;
		margin:0;
		border-bottom: 1px solid #06222e;
		text-align: left;
		padding-right: 0;
	}
	.navigation > li:first-child{
		display: block;
	}
	.navigation li a{
		color:#fff;
		display:block;
		padding:10px 20px;
	}
	.navigation > li.dropdown > a:after {
	    right:15px;
	}
	.navigation li.dropdown > .dropdown-menu,
	.navigation li.dropdown:hover > .dropdown-menu{
		position: static;
		top: 0;
		visibility: visible;
		opacity: 1;
		width: 100%;
		float: none;
		animation: none;
	}
	.navigation li.dropdown > .dropdown-menu{
	    background-color: #092836;
	}
	.menu-lg-wrap strong {
        color: #fff;
    }
	.navigation li.dropdown > .dropdown-menu li a{
	    background-color:transparent;
	    color:#c3c3c3;
	    padding:6px 27px;
	}
	.services-box.parallax{
		padding:20px!important;
	}
    .testi-block{margin-bottom: 25px;}
    .menu-lg-list{margin-bottom: 15px;}
    .price-box:hover:before,.price-box:hover:after{display:none;}
    .more-btn-wrap{position: static;}
    #portfolio-carousel .owl-item img{width: 100%;}
    
}

@media(min-width: 220px) and (max-width: 1024px){
.container {width: 100%;} 
header .col-lg-3.col-md-3.col-sm-12.col-xs-12 {width: 100%;}
header .get-quote-wrap{display: none;}
.logo .img-responsive { max-width: 61%;}   
ul.we-stand-block.clearfix{width: 80%; }
   
    
}

/* Tab Device CSS */
@media (min-width: 768px) and (max-width: 991px){
    .section,.parallax {padding: 70px 0!important;}
    .navigation a{padding: 10px 18px;}
    .contact-right-wrap:before{left: 0;}
    .logo .img-responsive {max-width: 300px;}
    .mobile-menu{padding: 39px 25px;}
    .get-quote-wrap{margin-top: 27px;margin-right: 15px;}
    .price-box.padd-40{padding:15px;}
    .price-box .price-icon{width:55px;height:55px;padding:12px;}
    .price-box h2{font-size:22px;}
    .pricing-price .price-unit{font-size: 14px;}
    .price-block .inner-box ul.price-list{width: 90%;}
    
}
/* Smart Device CSS */
@media (min-width: 220px) and (max-width: 767px){
    .web-mock.rotate img {width: 90%;display: block !important;margin: 0 auto;margin-top: 30px; }
    .main-area .main-top.web-padd {padding: 70px 0px 60px;}
    .web-mock.rotate {position: initial;}
    body{font-size:14px;}
    .logo{margin: 20px 0;}
    .get-quote-wrap{margin:15px;display:block;}
    .get-quote-wrap .btn{display:block;}
    .section{padding: 20px 0!important;}
    .parallax{padding:20px 15px!important;}
    .logo .img-responsive {max-width: 250px;}
    .h1, h1 {font-size: 24px;line-height: 40px;}
    .h2, h2 {font-size: 19px; line-height: 1.4;}
    .contact-right-wrap{padding-bottom: 15px;margin-bottom: 15px;}
    .contact-right-wrap:before{width: 100%;height: 1px;left: 0;top: auto;bottom: 0;}
    .page-title .banner-title{font-size: 15px; letter-spacing: 0; height: auto; line-height: 23px;  padding: 13px 26px; width: 90%; display: block;}
    .reasons-wrap .reason-title span{text-align: center; font-size: 22px; }
    .reasons-wrap .reason-title strong{margin-right: 0;}
    .services-box{min-height: 100%;}
    #testimonial-carousel {padding-top: 80px;}
    footer.parallax{background-image: none!important;}
    .footer-widget {padding: 20px 0;}
    .price-box.padd-40{padding: 25px;}
    .price-box{margin: 15px 0;border-radius:10px!important;}
    .b-title{font-size: 28px; line-height: 46px;}
    .reasons-wrap .reason-title strong{font-size: 100px;}
    .reason-list li{font-size: 15px;}
    .sub-title{margin-bottom: 10px; Display: block;}
    .serv-h2{font-size: 22px;}
    .owl-theme .owl-nav{display: none;}
    .team-title{font-size: 18px; line-height: 35px;}
    .cta-title{font-size: 20px; line-height: 41px; margin-bottom: 30px;}
    .h3, h3{font-size:18px;}
    .page-title .inner-container{padding: 20px 0px 20px;}
    .btn{white-space: normal;}
    .navigation li.dropdown > .dropdown-menu.dropdown-menu-lg li p a{margin-bottom:10px;}
    .box-left-mg{margin-left: 0px;}
    .bg-grey-light .row.mg-t-20{margin-top:0px;}
    .wd-box{margin: 20px 0; padding: 20px;}
    .price-block .inner-box h3{font-size: 16px!important;}
    .price-block .inner-box .price{padding-top: 0px;}
    .price p span{font-size: 42px;}
    .price-block .inner-box .price-list li{font-size: 14px; margin-bottom: 12px;}
    .price-block .inner-box ul.price-list{padding-left:10px; padding-right:10px;}
    h1, h2, h3, h4, h5, h6{line-height:1.5;}
    .col-lg-5 img.img-responsive{margin-bottom:20px;}
    .image {margin-bottom: 20px;}
    .slogan { text-align: center; margin: 20px auto;}
    .col-lg-4.col-md-4.col-sm-12.pull-right {float: none!important;}
    .clearfix.flexbox{display: block;}
    .width-40.column { width: 100%; float: none!important;}
    .width-60 { width: 100%;}
    .width-60 .padd-40 {padding: 20px;}
    .price-box h2 {font-size: 30px;line-height: 40px;}
    ul.we-stand-block.clearfix {width: 100%;}
    .we-stand-block li {width: 100%;height: 100%;}
    .nn-focus .vm-box { height: 100%;  margin-bottom: 25px;}
    section.six-box .sx-bx {height: 100%; margin-bottom: 20px;}
    section.section.pnf-padd { padding: 50px 0!important;}
    h1.pnf{font-size: 60px; margin-bottom: 20px;}
    .price-block .inner-box ul.price-list{width: 95%;}
    h1.main-heading {font-size: 33px;line-height: 53.5px;width: 100%;}
    .services h2, .portfolio-area h2, .plan-wrap h2 {font-size: 52px;}
    .services .reasons-wrap, .portfolio-area .portfolio-wrap, .plan-area .plan-wrap {margin-bottom: 30px;}
    .about-content-wrap h2 {font-size: 26px;line-height: 32px;}
    .quick-form-wrap h4 {font-size: 30px;}
    .quick-form {margin-top: 0px;}
    a.rew-btn {margin-bottom: 20px;}
    section.section.parallax.client-area {padding: 100px 0 !important;}
    .about-content-wrap {margin-top: 30px;}
    section.section.services {padding: 60px 0 !important;}
    .services .service {margin-bottom: 20px;}
    .say_hello {margin-top: 120px;}
    .say_hello h4 {font-size: 44px;line-height: 53px;}
    img.img-fluid.wordpss-img {width: 100%;margin-top: 50px;}
    .client-area .owl-item {padding: 20px;}
    .client-area .testi-block {padding: 75px 21px 0 0;}
    .project-counter {padding: 85px 0px 85px 0px;}
    .cool-btn a {display: inline-block;margin: 5px 0;}
    h1.main-heading.wp-fsize {font-size: 31px;line-height: 54px;}
    .rotate2 img {margin-top: 40px;}
    .main-area .rotate {position: static;padding: 40px;transform: none;}
    .main-area .main-top.web-padd {padding: 70px 0px 10px;}
    .main-area .rotate img {width: 80% !important;margin: 0 auto;display: block;}
    .main-bx .col-sm-6 {width: 100%;}
    section.project-counter.abt-wrap {padding: 0px 0 0;}
    .quick-form-wrap {padding: 30px 0 0;}
    .counter-project #counter {padding: 30px 0;}
    .counter-project #counter:after {
    content: '';
    position: absolute;
    top: 25%;
    right: 50%;
    width: 1px;
    background-color: #dcdcdc;
    height: 230px;
    transform: translateY(-50%);
    transform: rotate(90deg);
}
}

@media only screen and (max-width: 320px){
    
.logo .img-responsive { max-width: 200px;}
.mobile-menu{padding: 19px 25px;}
    
}



@media only screen and (max-width: 980px){
ul.we-stand-block.clearfix {width: 100%;}
    
}