@charset "utf-8";
/* CSS Document */


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





}


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

.container{max-width: 100%; padding: 0 30px;}
/*header sec*/
.header_section h2{font-size: 36px; line-height: 36px; padding: 0 0 10px 0;}
/*header sec*/
/*top bar*/
.top_bar ul li span label:after{left: 4px; right: auto;}
.top_bar ul li span label{left: 0;}
.top_bar ul li:last-child span label{left: auto; right:-15px;}
.top_bar ul li:last-child span label:after{left: auto; right: 4px;}
/*top bar*/
/*payment sec*/
.payment_accordion{width: 60%;}
/*payment sec*/



}


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




}


@media only screen and (max-width:991px) {
/*header sec*/
.header_section h2{font-size: 32px; line-height: 32px; padding: 0 0 10px 0;}
/*header sec*/
/*top bar*/
.top_bar ul li span label{width: 150px; padding: 6px;}
/*top bar*/
/*color checkbox sec*/
.color_form form label, .design_brief_form_wrap label, .upgrades_form_sec label{font-size:18px; line-height: 20px;}
/*color checkbox sec*/
/*design brief sec*/
.design_brief_form_wrap h3{font-size: 15px; line-height: 18px;}
/*design brief sec*/
/*upgrades sec*/
.upgrades_packages_box{margin: 0 0 30px 0;}
.upgrades_packages_box button{width: 40%;}
.upgrades_packages_top{padding-bottom: 50px;}
/*upgrades sec*/
/*payment sec*/
ul.payment_ul_top li{font-size: 14px;}
ul.payment_ul_top li span{font-size: 20px;}
.payment_accordion{width: 70%;}
/*payment sec*/
.confirmation_sec_box, .confirmation_sec_box1{width: 85%;}




}


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

/*footer sec*/
#bottom-fixed-three .col-md-5, .bottom_fixed_sec .col-md-4 p, .bottom_fixed_sec .bottom_progress, .bottom_fixed_two_l, .bottom_fixed_two_r{display: none;}
#bottom-fixed-three .col-md-7, a.bottom_fixed_link{text-align: center;}
.bottom_fixed_sec{padding: 12px 0; text-align: center;}
.bottom_fixed_sec button{float: none;}
/*footer sec*/
/*brand style sec*/
.bs-example{width: 100%;}
.brand_rang_sec .slider-wrapper{margin: 10px 0 40px 0;}
/*brand style sec*/
/*color checkbox sec*/
.color_checkbox.image_checkbox .custom-control{margin: 0 0 10px 0;}
/*color checkbox sec*/
/*design brief sec*/
.design_brief_sec .design_brief_box{margin: 0;}
.design_form_img{display: none;}
.design_brief_form_wrap{padding-bottom:30px; margin-bottom: 30px;}
.design_brief_form_wrap h3{margin: 10px 0;}
.yes .btn_upload{width: 150px; height: 150px;}
.btn_upload input{height: 150px;}
/*design brief sec*/
/*upgrades sec*/
.upgrades_packages_top .price_span{font-size: 24px; bottom: 5px;}
/*upgrades sec*/
/*payment sec*/
ul.payment_ul_top li{padding: 0 0 15px 0;}
/*payment sec*/
.confirmation_sec{padding: 40px 0;}



}


@media only screen and (max-width:575px) {
/*header sec*/
.header_section{padding: 30px 0;}
.header_section h2{font-size:22px; line-height: 24px; padding: 0 0 10px 0;}
/*header sec*/
/*footer sec*/
.bottom_fixed_sec button, .bottom_fixed_sec button.bottom_save{padding: 6px 30px; font-size: 15px;}
/*footer sec*/
/*image checkbox section*/
.image_checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .image_checkbox .custom-control.image-checkbox label:before{width: 30px; height: 30px;}
.image_checkbox .custom-control-label::after{right: 17px; bottom: 17px;}
/*image checkbox section*/
/*color checkbox sec*/
.color_form form label, .color_form a{font-size:16px; line-height: 18px;}
.color_form{padding: 0;}
/*color checkbox sec*/
/*upgrades sec*/
.upgrades_packages_top h4{font-size: 20px; line-height: 22px;}
.upgrades_packages_box button{width: 60%;}
.upgrades_form_box_l{float: none;}
.upgrades_form_box_r{float: none; width: 100%; margin-top: 15px;}
.upgrades_form_box_r ul.upgrades_box_r_top li, .upgrades_box_r_bottom li span{font-size: 14px;}
/*upgrades sec*/
/*payment sec*/
ul.payment_ul_top li{width: 75%;}
ul.payment_ul_top li:nth-child(2n+2){width: 25%;}
ul.payment_ul_top li span{font-size: 14px;}
ul.payment_ul_middle li, ul.payment_ul_middle li:nth-child(2n+2){float: none; width: 100%;}
.payment_accordion{width: 100%;}
/*payment sec*/
.confirmation_sec_box, .confirmation_sec_box1{width: 100%; margin: 0;}
.confirmation_sec h2{font-size: 24px; line-height: 24px; margin: 0 0 15px 0;}
.confirmation_sec_box1 button{float: none; margin-top: 15px;}
.confirmation_sec_box h3, .confirmation_sec_box1 h3{font-size: 20px; line-height: 22px;}
.address_box{margin-top:10px;}


}