
/* Devices Images Element */
.el-devimages--ltr {direction:ltr;}
.el-devimages__laptop { position: relative; width: 1160px; background-repeat: no-repeat; background-size: contain;}
.el-devimages__laptop-img {position: absolute; background-repeat: no-repeat; background-size: cover; border-radius: 3px; }
.el-devimages--type-img .el-devimages__laptop { height: 670px;}
.el-devimages--type-img .el-devimages__laptop-img {left: 14%; top: 7.6%; bottom: 13.3%; right: 13.9%; }
.el-devimages--type-vector .el-devimages__laptop { height: 600px;}
.el-devimages--type-vector .el-devimages__laptop-img { left: 16.6%; top: 6.3%; bottom: 11.8%; right: 16.6%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.24);}
.el-devimages__smartphone { position: absolute; width: 220px; background-repeat: no-repeat; background-size: contain; bottom: -20px; left: 70px;}
.el-devimages__smartphone-img {position: absolute; background-repeat: no-repeat; background-size: cover; border-radius: 3px; }
.el-devimages--type-img .el-devimages__smartphone { height: 403px; width: 245px; }
.el-devimages--type-img .el-devimages__smartphone-img {left: 15.9%; top: 11.6%; bottom: 13.8%; right: 14.8%; }
.el-devimages--type-vector .el-devimages__smartphone { height: 400px; width: 200px; left: 110px; }
.el-devimages--type-vector .el-devimages__smartphone-img { left: 7.2%; top: 14%; bottom: 11.7%; right: 7.3%; }
/* Frame */
.el-devimages__frame {position: relative; width: 1160px; height: 520px; padding-top:30px; padding-bottom: 5px; border-radius: 4px 4px 0 0; background-color: #dcdee7; border:2px solid #fff; box-shadow: 0 10px 13px -10px rgba(0, 0, 0, 0.3); }
.el-devimages__frame:before {content: ""; position: absolute; top: 12px; margin-top: 0; left: 25px; display: block; background: #ababab; border-radius: 30px; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab,12px 0 0 #ababab; }
.el-devimages__frame-img {position: absolute; background-repeat: no-repeat; background-size: cover; left:0; top:30px; bottom: 5px; right:0; }
/* Right to left */
.el-devimages--rtl {direction:rtl;}
.el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {left:auto; right: 70px;}
.el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {left:auto; right: 110px;}
.el-devimages--rtl .el-devimages__frame:before {left:auto; right: 25px;}
/* Center */
.el-devimages--center .el-devimages__frame {width: 100%; height: 0; padding-bottom: 45%; }
/* MQ's */
@media screen and (min-width: 992px) and (max-width: 1199px){
	.el-devimages--type-img .el-devimages__laptop { height: 490px; width: 850px;}
	.el-devimages--type-vector .el-devimages__laptop { height: 428px; width: 845px;}
	.el-devimages__frame { width: 900px; height: 490px;}
	.el-devimages--type-vector .el-devimages__smartphone { height: 330px; width: 166px;}
	.el-devimages--type-img .el-devimages__smartphone { height: 324px; width: 197px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.el-devimages--type-img .el-devimages__laptop { height: 416px; width: 720px;}
	.el-devimages--type-vector .el-devimages__laptop { height: 370px; width: 720px;}
	.el-devimages__frame { width:720px; height: 440px;}
	.el-devimages--type-vector .el-devimages__smartphone { height: 250px; width: 125px;}
	.el-devimages--type-img .el-devimages__smartphone { height: 274px; width: 167px;}
	.el-devimages--type-vector .el-devimages__smartphone { left: 70px; }
	.el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {right: 40px;}
	.el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {right: 70px;}
}
@media screen and (max-width: 767px){
	.el-devimages--type-img .el-devimages__laptop {width: 100%; height: 0 !important; padding-bottom: 57.77%; }
	.el-devimages--type-vector .el-devimages__laptop {width: 100%; height: 0 !important; padding-bottom: 51%; }
	.el-devimages__frame {width: 100%; padding-bottom: 63%; height: 0 !important; }
	.el-devimages__smartphone {display: none}
}