@media only screen and (min-width:320px) and (max-width:767px){
	.HeadPart .head{font-size: 26px; margin-top: -45px;}
	.HeadPart .square{height: 60px;width: 60px;margin: auto}
	.subHead p{font-size: 16px;line-height: 20px;padding: 0px 15px;}
	.c-p-l{padding-left: 15px;}
	.col-padding{padding-left: 0px;}
	header nav.navbar-light .navbar-nav .nav-link {color: #095681;padding: 7px 10px;}
	header nav.navbar-toggler-icon{width: 30px;height: 30px;}
	header nav.navbar-toggler{padding: 5px 10px;border-radius: 0px;}
	header nav.navbar-toggler:focus{outline: 0px;}
	header nav .navbar-brand img{height: 45px;}
	.navbar-toggler:focus{outline: none;}
	#MobileClearDrawCarousel {padding-top:65px;}
	#What-we-do,#About-Us,#Why-Cleardraw{padding: 100px 0px 0px 0px;}
	#Customer-Speak {padding: 100px 0px 140px 0px;}  
	#About-Us .head {margin: -45px 0px 0px 25px!important;text-align: center;}
	#About-Us .AboutUsBlock .textPart p{line-height: 22px;font-size: 16px;}
	#About-Us .AboutImg .img-responsive { margin-top: 35px;}
	#About-Us .AboutUsBlock .textPart {margin-top: 0px;}
	#What-we-do .WhatNavBox {padding: 5px 0px 0px 0px;margin-top: 10px;}
	#What-we-do .What-we-doBox {padding: 0px 0px 150px 0px;
		background: linear-gradient(to bottom, #fff 0%, #fff 25%, #095681 25%,#095681 100%);height: 795px;}
	#What-we-do .line{width: 18px;top: 16px;}
	#What-we-do .MobileWhat-We-Box .carousel-indicators li{height: 10px; width: 10px;}
	#What-we-do .MobileWhat-We-Box .carousel-indicators {bottom: -5px;}
	#What-we-do .card-header.active {margin-left: 0px;}
	#What-we-do .card-header a{word-wrap: break-word;padding-left: 25px;font-size: 16px;}
	#What-we-do .nav-pills .nav-link{font-size: 16px;}
	#What-we-do .card-body{padding:10px 20px;}
	#What-we-do .card-header a i {margin-left: 7px;}
	#What-we-do .card-header .LandDesktop{width: 250px;height: 45px;}
	#What-we-do .card-header span{display: block; margin-left: 25px;}
	#Why-Cleardraw .Why-CleardrawBox .info ,#Why-Cleardraw .Why-CleardrawBox .info1{margin-top: -3px;}
	#Why-Cleardraw .Why-CleardrawBox .info p,#Why-Cleardraw .Why-CleardrawBox .info1 p{line-height: 20px;font-size: 14px;}
	#Why-Cleardraw .Why-CleardrawBox {margin: 5px 0px;}
	#Why-Cleardraw .Why-Cleardraw-Bg { padding: 50px 0px; }
	#Why-Cleardraw .Why-CleardrawBox .info h3,#Why-Cleardraw .Why-CleardrawBox .info1 h3{font-size: 16px;}
	#Customer-Speak .carousel-item .SpeakBox{padding:15px 30px;height: 280px;}
	#Customer-Speak .carousel-control-next, #Customer-Speak .carousel-control-prev{width: 7%;}
	#Contact-Us{padding: 100px 0px;}
	#Contact-Us .head{text-align: center;margin-top: -45px;}
	#Contact-Us  .Contact-Form{margin-top: 15px;}
	#Designsolutions .solutionclass {border-right: 1px solid #dbdddd;}
	#Designexpertise{padding: 50px 0px 10px;}
	#Designsolutions{padding: 50px 20px;}
	footer .lastnav p{text-align: center;float: none!important;	}
	footer .footerNav{text-align: left;padding: 15px 0px;float: none!important;}
	footer .footerNav a{display: block;margin-left: 0px;margin-top: 10px;}
	footer .FirstPart{padding: 30px 0px 0px 0px;}
	.modal iframe{width: 100%;height: 300px;}

	/*SOLUTIONS*/
	.Banner .BannerImage {
    height: 450px;
    background-position: center;
}
.Banner .BannerImage .banner_text h2, .Banner .BannerImage .banner_text .firstline{font-size: 2.083em;}
.border_bottom {
    margin-left: 19%!important;
}
.Banner .BannerImage .banner_text {
    margin-top: 55%;
}
.Banner .BannerImage .banner_text span{font-size: 1em;}
.Banner .BannerImage .banner_text h1{font-size: 1.125em;}
.sales-background .title {
    line-height: 28px;
    font-weight: 300;
    font-size: 1.5em;
}
.salescontent .salescontentsub-title br {
    display: none;
}
h5{font-size: 1.125em;margin-top: 10px;margin-bottom: 10px;}
.title{line-height: 28px;font-size: 28px;}
.chooseus .choseustext {
    margin-top: 50px;
}
.servicework .workshowcase img{height: auto;}
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation : landscape){
	header nav .navbar-brand img{height: 45px;}
	.HeadPart .head{}
	
	header nav.navbar-light .navbar-nav .nav-link {padding: 10px 10px;}
	#What-we-do .What-we-doBox {padding: 0px 0px 150px 0px;
	    background: linear-gradient(to bottom, #fff 0%, #fff 35%, #095681 35%,#095681 100%);height: 880px;}
	#Why-Cleardraw .Why-CleardrawBox .info, #Why-Cleardraw .Why-CleardrawBox .info1 {margin-top: 10px;}
	#Customer-Speak .carousel-item .SpeakBox{height: 185px;}

	/*SOLUTIONS*/
	.Banner .BannerImage .banner_text {
    margin-top: 34%;
}
.border_bottom {
    margin: 10px auto!important;
}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) { 
	.HeadPart .head{font-size: 26px; margin-top: -45px!important;}
	.HeadPart .square{height: 60px;width: 60px;}
	.subHead p{font-size: 16px;line-height: 20px;padding: 0px 15px;}
	header nav .navbar-brand img{height: 45px;}
	header nav.navbar-light .navbar-nav .nav-link {padding: 10px 10px;}
	#About-Us .AboutUsBlock .textPart p{font-size: 16px;}
	#Why-Cleardraw .Why-CleardrawBox .info1, #Why-Cleardraw .Why-CleardrawBox .info{margin-top: 27px!important;}
	#What-we-do .What-we-doBox{background: linear-gradient(#fff 0%, #fff 40%, #095681 40%, #095681 100%);height: 1100px!important;}
	footer .lastnav p{text-align: center;float: none!important;}
	footer .footerNav{text-align: left;padding: 15px 0px;float: none!important;}
	footer .footerNav a{display: block;margin-left: 0px;margin-top: 10px;}
	footer .FirstPart{padding: 30px 0px 0px 0px;}
}

@media only screen and (min-device-width: 411px) and (max-device-width: 823px) and (orientation: landscape) { 
	.HeadPart .square{margin: auto;} 
	header nav .navbar-brand img{height: 45px;}
	header nav.navbar-light .navbar-nav .nav-link {padding: 10px 10px;}
	#ClearDrawCarousel {padding-top: 71px;}
	#Why-Cleardraw .Why-CleardrawBox .info1, #Why-Cleardraw .Why-CleardrawBox .info{margin-top: 27px!important;}
	#ClearDrawCarousel .carousel-inner .slide1{bottom: 63px!important;}
	#ClearDrawCarousel .carousel-inner .slide2{bottom: 72px!important;}
	#ClearDrawCarousel .carousel-inner .slide3{bottom: 63px!important;}
	#ClearDrawCarousel .carousel-inner .slide4{bottom: 50px!important;}
	#ClearDrawCarousel .carousel-inner .TextBlock h3 {font-size: 20px!important;}
	#About-Us .head {margin: -45px 0px 0px 25px!important;text-align: center;}
	#About-Us .AboutUsBlock .textPart{margin-top: 10px;}
	#About-Us .AboutImg {margin-top: 35px!important;}
	#What-we-do,#About-Us,#Why-Cleardraw{padding: 100px 0px 0px 0px;}
	#Customer-Speak {padding: 100px 0px 140px 0px;}
	#What-we-do .What-we-doBox{background: linear-gradient(#fff 0%, #fff 40%, #095681 40%, #095681 100%);height: 1100px!important;}
	#Customer-Speak .carousel-item .SpeakBox{height: 200px;}
	#Contact-Us .head{text-align: center;margin-top: -45px;}
	#Contact-Us  .Contact-Form{margin-top: 15px;}
	footer .lastnav p{text-align: center;float: none!important;	}
	footer .footerNav{text-align: left;padding: 15px 0px;float: none!important;}
	footer .footerNav a{display: block;margin-left: 0px;margin-top: 10px;}
	footer .FirstPart{padding: 30px 0px 0px 0px;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
	header nav .navbar-brand img{height: 45px!important;}
	#About-Us .head{margin-top: -45px;}
	header nav.navbar-light .navbar-nav .nav-link {padding: 10px 10px;}
	#What-we-do .What-we-doBox {padding: 0px 0px 70px 0px;
	    background: -webkit-linear-gradient(#fff 0%, #fff 20%, #095681 20%, #095681 100%);
	    background: -o-linear-gradient(#fff 0%, #fff 20%, #095681 20%, #095681 100%);
	    background: linear-gradient(#fff 0%, #fff 20%, #095681 20%, #095681 100%);;
	    height:710px; }
	#Customer-Speak .carousel-item .SpeakBox{height: 300px;}
	#Customer-Speak .carousel-item .speakMargin{padding-top:50px;}  
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#What-we-do .What-we-doBox {padding: 0px 0px 70px 0px;
	    background: -webkit-linear-gradient(#fff 0%, #fff 20%, #095681 20%, #095681 100%);
	    background: -o-linear-gradient(#fff 0%, #fff 20%, #095681 20%, #095681 100%);
	    background: linear-gradient(#fff 0%, #fff 20%, #095681 20%, #095681 100%);
	    height:905px!important; }
	    #Customer-Speak .carousel-item .speakMargin{padding-top:40px;}  
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
	.HeadPart .square{margin: auto;}
	#About-Us .head{text-align: center;}
	header nav .navbar-brand img {height: 45px;}
	header nav.navbar-light .navbar-nav .nav-link {padding: 10px 10px;}
	#What-we-do,#About-Us,#Why-Cleardraw{padding: 100px 0px 0px 0px;}
	#Customer-Speak {padding: 100px 0px 140px 0px;}
	#ClearDrawCarousel {padding-top: 73px;}
	#ClearDrawCarousel .carousel-control-next, #ClearDrawCarousel .carousel-control-prev{width: 4%;}
	#About-Us .AboutImg .img-responsive {margin-top: 50px;}
	#About-Us .AboutImg .img-fluid{width: 100%;display: block;}
	#What-we-do .What-we-doBox {padding: 0px 0px 70px 0px;background: linear-gradient(to bottom, #fff 0%, #fff 30%, #095681 30%,#095681 100%);height: 1110px;}
	#What-we-do .WhatNavBox{margin-top: 30px;}
	#Customer-Speak .carousel-item .SpeakBox {padding: 35px 25px 30px 40px;height: 180px;}
	#Customer-Speak .carousel-control-next, #Customer-Speak .carousel-control-prev{width: 4%;}
	#Contact-Us .head{text-align: center;}
	#Contact-Us  .Contact-Form{margin-top: 15px;}
	footer .footerNav a{margin-left: 0px;}
	#Why-Cleardraw .Why-CleardrawBox .info,#Why-Cleardraw .Why-CleardrawBox .info1 {margin-top: 27px;}
	footer .FirstPart img{display: block;margin: auto;}
	footer .footerNav{float: none!important;text-align: center;}
	footer .lastnav p{float: none!important;text-align: center;}
	#Designsolutions .solutionclass{width: 230px;}
	.modal iframe{width: 100%;height: 340px;}
	#Designsolutions .thirdchild {border-right:1px solid #dbdddd;}

	/*SOLUTIONS PAGE*/
.Banner .BannerImage {
    background-position: inherit!important;
    background-size: inherit!important;
    height: 50vh!important;
}
.Banner .BannerImage .banner_text {
    margin-top: 30%!important;
}
.Banner .BannerImage .banner_text .firstline, .Banner .BannerImage .banner_text h2{font-size: 2.667em;}
	.video-Block .video-text {
    padding-right: 0px;
}
.border_bottom {
    margin-left: 34%!important;
}
.salescontent .salesbox h5{font-size: 1.125em;}
.LogoBrand {
    height: 305px!important;
}
.chooseus .choseustext img {
    margin-top: 10px;
}
.chooseus .choseustext h5{font-size: 1.125em;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.carousel-caption{left: 4%;right: 4%;}
	#ClearDrawCarousel .carousel-inner .slide1{bottom: 95px!important;}
	#ClearDrawCarousel .carousel-inner .slide2{bottom: 110px!important;}
	#ClearDrawCarousel .carousel-inner .slide3{bottom: 95px!important;}
	#ClearDrawCarousel .carousel-inner .slide4{bottom: 95px!important;padding-right: 5%;}
	#ClearDrawCarousel .carousel-inner .TextBlock h3{font-size: 24px;}
	#ClearDrawCarousel .carousel-control-next, #ClearDrawCarousel .carousel-control-prev{top:55%;width: 4%;}
	#About-Us .AboutImg {margin-top: 25px;}
	#What-we-do .What-we-doBox {padding: 0px 0px 70px 0px;
		background: -webkit-linear-gradient(#fff 0%, #fff 40%, #095681 40%, #095681 100%);
	    background: -o-linear-gradient(#fff 0%, #fff 40%, #095681 40%, #095681 100%);
	    background: linear-gradient(#fff 0%, #fff 40%, #095681 40%, #095681 100%);;
	    height: 1310px;}
	#Why-Cleardraw .Why-CleardrawBox .info1,#Why-Cleardraw .Why-CleardrawBox .info {margin-top: -2px;}
	#What-we-do .WhatNavBox{margin-top: 30px;}
	#Designsolutions .solutionclass{width: 240px;}
/*SOLUTIONS*/
.border_bottom {
    margin-left: 34%!important;
}
.LogoBrand {
    height: 285px!important;
}
.servicework .workshowcase img{height: auto;}

}

@media (min-device-width: 1050px) and (max-device-width: 1680px){ 
	#ClearDrawCarousel .carousel-inner .slide1 {bottom: 195px;}
	#ClearDrawCarousel .carousel-inner .slide2 {bottom: 170px;}
	.Banner .BannerImage .banner_text{margin-top: 35%;}
}

@media (min-device-width: 900px) and (max-device-width: 1600px){ 
	#ClearDrawCarousel .carousel-inner .slide1 {bottom: 170px;}
	#ClearDrawCarousel .carousel-inner .slide2 {bottom: 120px;}
}

@media (min-device-width: 1050px) and (max-device-width: 1440px){ 
	#ClearDrawCarousel .carousel-inner .slide1 {bottom: 130px;}
	#ClearDrawCarousel .carousel-inner .slide2 {bottom: 120px;}
	.Banner .BannerImage .banner_text{margin-top: 25%;}
}

@media (min-device-width: 1024px) and (max-device-width: 1280px){ 
	#ClearDrawCarousel .carousel-control-next, #ClearDrawCarousel .carousel-control-prev{top: 54%;}
	#ClearDrawCarousel .carousel-inner .TextBlock h3{font-size: 26px;}
	#ClearDrawCarousel .carousel-inner .slide2 {bottom: 83px;}
	#ClearDrawCarousel .carousel-inner .slide2 h3{font-size: 28px;}
	#ClearDrawCarousel .carousel-inner .slide2 p{font-size: 26px;}
	.Banner .BannerImage .banner_text{margin-top: 25%;}
}