/*Main Banner Start*/
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    .main-banner{
        background-size: auto !important;
        background-position-x: 0% !important;
        background-image: unset !important;
    }
}
@media only screen and (max-width: 640px){
    .main-banner{
        background-image:none !important;
        background-color: #E1ECFF !important;
    }
}
/*Main Banner End*/

.width-55{
text-align: center;
width: 55%;
margin-left: auto;
margin-right: auto;
}
.width-60{
text-align: center;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.width-75{
text-align: center;
width: 75%;
margin-left: auto;
margin-right: auto;
}
.width-65{
width: 65%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 600px){
.width-55{
width: 100% !important;
}
.width-60{
width: 100% !important;
}
.width-65{
width: 100% !important;
}
.width-75{
width: 100% !important;
}
.left-align{
text-align:left !important;
}
.margin-bt-0{
margin-bottom:0px !important
}
}

.bg-size-contain{
 -webkit-background-size: contain !important;
 -moz-background-size: contain !important;
 -o-background-size: contain !important;
 background-size: contain !important;
}

.casestudy-modal .modal-dialog {
 width: 600px !important;
 margin-right: auto;
 margin-left: 110px !important;
 margin-top: 100px;
}
.casestudy-modal .modal-header {
 padding: 10px 22px !important;
 min-height: 44px !important;
}
.casestudy-modal .modal-body{
padding-top:5px !important;
}
body div.wpcf7 {
 margin: 10px 15px 0 15px !important;
}
@media only screen and (max-width: 600px) {
.casestudy-modal .modal-dialog {
 width: auto !important;
 margin-left: auto !important;
 margin-top: 100px;
}
}